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Avant-propos 



Alors que Macromedia Dreamweaver etait deja considere comme l'outil de creation de sites 
Web et d' applications Internet le plus performant du marche, il permet depuis sa version MX 
de developper des sites dynamiques avec la meme facilite. Que vous soyez developpeur ou 
que vous desiriez simplement creer des sites dynamiques sans taper la moindre ligne de code, 
Dreamweaver 8, allie au couple PHP/MySQL, est la reponse a toutes vos attentes. En effet, 
l'editeur est desormais compatible avec les technologies serveur les plus utilisees, dont le 
celebre PHP qui est actuellement le langage de script serveur le plus employe par le Web. De 
plus, dans sa derniere mouture, Dreamweaver 8 propose de nouveaux comportements de 
serveur qui vous permettront de mettre en ceuvre rapidement des pages de transformation 
XSLT afin d'exploiter toute la puissance et la souplesse de donnees au format XML. Ainsi, 
Dreamweaver 8 constitue aujourd'hui une veritable plate-forme de developpement d'applica- 
tions Internet de haut niveau, capable de realiser facilement des sites presentant un graphisme 
elabore et integrant de puissantes applications dynamiques. 

Jusqu'ici, ce type de plate-forme manquait cruellement aux technologies serveur telles que le 
couple PHP/MySQL, ce qui explique l'engouement actuel des nombreux developpeurs qui 
ont retenu ce trio efficace pour concevoir leurs sites Web. Les designers, quant a eux, appre- 
cieront les outils de conception visuels qui permettent de realiser rapidement des pages dyna- 
miques par un simple glisser-deposer, ou de parameter des comportements de serveur a l'aide 
d'un assistant sans meme connaitre une seule instruction. lis pourront ainsi concevoir comple- 
tement et tres facilement des sites dynamiques a partir du meme environnement de develop- 
pement integre qu'ils ont l'habitude d'utiliser. Enfin, les informaticiens pourront travailler 
encore plus rapidement et capitaliser ce developpement grace aux nombreux outils et editeurs 
de code de Dreamweaver, dans lesquels ils retrouveront les memes fonctionnalites que celles 
disponibles sur les plates-formes de developpement les plus elaborees : coloration syntaxique, 
selection des balises, fragments de code reutilisables, debogueur... 
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Objectifs de I'ouvrage 



Le contenu de cet ouvrage a ete elabore pour repondre a deux objectifs, selon votre profil et 
vos attentes. 

La premiere partie du livre a pour objet de creer des sites dynamiques en exploitant exclusi- 
vement les fonctions de l'interface visuelle de Dreamweaver 8. Au terme de cette partie, vous 
pourrez concevoir, tres rapidement et sans saisir aucune ligne de code, des pages integrant des 
scripts serveur predefinis qui permettront d'exploiter les informations d'une base de donnees. 

La seconde partie permet d'acquerir les connaissances et la pratique des langages PHP, SQL 
et XSL afin de pouvoir developper puis integrer dans vos pages des fonctions dynamiques 
avancees (creation de fonctions utilisateur, programmation objet, couplage PHP/Flash, feuille 
de transformation XSLT...). Vous pourrez ainsi concevoir des applications dynamiques sur 
mesure en exploitant tous les avantages de Dreamweaver 8. 

Contenu de I'ouvrage 

Ce livre a pour but de proposer un contenu accessible a tous, qui privilegie toujours l'aspect 
pratique. 

Mode d'installation d'un serveur devaluation local 

Contrairement au developpement de sites statiques, la creation de sites dynamiques avec 
Dreamweaver 8 necessite un serveur d' evaluation. Pour que vous disposiez tous de la meme 
infrastructure de developpement, nous utiliserons dans cet ouvrage la suite logicielle Wamp5 
qui regroupe tous les elements indispensables a 1' evaluation d'un site dynamique en local 
(serveur Apache, MySQL, PHP, phpMy Admin). Pour vous accompagner dans sa mise en 
place, nous vous expliquerons en detail, dans le chapitre 2, l'installation et l'utilisation de 
cette infrastructure sur votre ordinateur. 

Description d'un gestionnaire convivial pour creer rapidement vos 
bases de donnees 

Si Dreamweaver 8 est considere comme un environnement de developpement integre qui 
permet de developper facilement des pages dynamiques, il ne propose pas d' assistant pour 
l'elaboration initiale de votre base de donnees. Pour que cette etape ne soit pas un barrage a la 
creation de votre projet, nous vous presenterons en detail dans le chapitre 2 les concepts et les 
etapes de la mise en oeuvre d'une base de donnees MySQL. Pour que vous puissiez facilement 
administrer votre base de donnees, nous utiliserons le gestionnaire le plus convivial et le plus 
utilise actuellement sur les serveurs exploitant la technologie PHP/MySQL : phpMy Admin. 
Vous decouvrirez ainsi pas a pas les differentes fonctions de cet assistant visuel, qui vous 
permettront par la suite d' organiser rapidement la structure des donnees de votre projet. 
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Presentation illustree de I'interface de Dreamweaver 

L' interface de Dreamweaver 8 integre de nombreux outils dedies au developpement de sites 
dynamiques, ainsi que des editeurs de code tres puissants. Nous vous presenterons, toujours 
dans le chapitre 2, ces differentes fonctions souvent meconnues, et nous vous guiderons dans 
le parametrage d'un site dynamique afin de tirer parti du meilleur de I'interface de Dream- 
weaver. 

Des pages dynamiques courantes faciiement transposabies a votre 
projet 

Pour illustrer les comportements de serveur livres en standard avec Dreamweaver, nous les 
appliquerons dans le chapitre 3 a la creation de pages dynamiques courantes, autour du cas 
pratique d'un site qui sera elabore au fil des differents chapitres. Vous pourrez ensuite faciie- 
ment les adapter et les appliquer a vos futurs projets. 

Syntaxe des commandes SQL pour creer des requites avancees 

Le chapitre 4 est entierement consacre a la presentation de la syntaxe des principales 
commandes SQL. Chaque commande et chaque clause sont illustrees d'exemples concrets : 
vous pourrez ainsi faciiement concevoir des requetes avancees pour creer des sites dynami- 
ques encore plus performants. 

Apprentissage du PHP pour les debutants et applications avancees 
pour les confirmes 

Le tutorial complet et tres illustre du chapitre 5 permettra aux debutants d'acquerir les bases 
du langage PHP afin de developper rapidement des scripts serveur sur mesure. Les lecteurs 
confirmes apprecieront egalement, dans ce chapitre, l'introduction a la programmation objet 
et les exemples de couplage PHP/Flash, capables de realiser des applications dynamiques 
avancees. 

Exploiter et mettre en forme des flux de donnees XML a I'aide de 
feu il les de transformation XSLT 

Dreamweaver 8 permet desormais de creer rapidement des pages XSLT afin de transformer et 
de mettre en forme des donnees XML. Le chapitre 6 a pour objectif de vous initier a l'usage 
des donnees XML et de vous conduire pas a pas a la creation de pages XSLT cote serveur, 
pour enrichir votre site d' informations structurees. 
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Explication des procedures pour developper comportements et 
extensions 

Une fois que vous maitriserez le langage PHP et les commandes SQL, vous pourrez creer, 
grace au chapitre 7, de nouveaux comportements de serveur afin d'enrichir les applications 
standards livrees avec Dreamweaver. Nous indiquerons aussi la procedure pour empaqueter 
ces comportements afin de les partager sous forme d' extensions pour en faire profiter toute 
votre equipe. 

Etude de cas complete pour mettre en pratique tous vos acquis 

Pour clore cet ouvrage, nous vous proposerons dans le chapitre 8 de mettre en pratique toutes 
vos connaissances a travers une etude de cas. Le sujet presente est un site de commerce elec- 
tronique avec gestion d'un panier virtuel. Ce projet est un tres bon exemple pour illustrer 
1' exploitation des fonctionnalites de Dreamweaver 8 dans la creation d'un site dynamique, et 
vous permettra de passer de la phase d'apprentissage a la conception d' applications operation- 
nelles. 
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Dreamweaver 8 et les sites 

dynamiques 



Dans ce premier chapitre, nous allons rappeler le fonctionnement des sites statiques. Nous 
aborderons ensuite celui des pages dynamiques et vous presenterons leurs avantages, en les 
illustrant par plusieurs exemples de sites exploitant cette technologie. Vous decouvrirez aussi 
pourquoi le couple PHP/MySQL a tant de succes, et l'interet d'utiliser l'editeur de pages Web 
Dreamweaver 8 pour creer des sites dynamiques. 

Du HTML aux bases de donnees 

Les sites statiques et ie HTML 

Le langage HTML 

Avant de presenter les langages utilises pour la conception de sites dynamiques, rappelons 
quelques notions de base sur les pages Web statiques. Nous definissons par « page Web » 
toute page pouvant etre affichee dans un navigateur (comme Internet Explorer, Netscape...). 
Le langage utilise pour la conception d'une page Web est le HyperText Markup Language. II 
ne s'agit pas d'un langage de programmation au sens propre, mais d'un simple langage de 
description d'une page Web. Le fichier qui contient la description de cette page porte en 
general l'extension . htm ou . html . II est constitue du texte et des liens aux images a afficher, 
repartis entre des balises (par exemple : <p>...</p>) qui determinent la facon dont ces 
elements seront presentes dans le navigateur. Certaines de ces balises permettent aussi de 
transformer un texte ou une image en lien hypertexte (<a>. . . </a>). Ces hyperliens (les liens 
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hypertextes) sont des elements tres importants dans une page Web, puisqu'ils permettent 
d'organiser la navigation dans un site en reliant les pages entre elles. Ainsi les internautes 
peuvent passer d'une page a l'autre par un simple clic sur ces liens, d'oit l'expression de 
« naviguer », ou encore de « surfer », sur le Web (voir figures 1-1 et 1-2). 



Figure 1-1 

Exemple de code HTML 
d'une page Web. 



<HTML> 




<HEADxtit!e>Page Html</titlex/HEAD> 




Le code d'une page HTML 
est constitue de balises 
de description qui definissent 
la mise en page des elements 



7">Html, un langage statique :</Font> 



pages web statiques</p> 



Selon le type de balise, II 
sera possible d'afficher un 
texte ou une image. 



<pximg src="photo.jpg" ></p> 



Certaines balises permettent 
de creer des liens 
hypertextes avec une autre 
page HTML. 



<P> 

<a href= "pagel.htm">pagel </a> 
<a href= "page2.htm ">page2 </a> 
</P> 



</BODY> 
</HTML> 



Vous pouvez ainsi mettre en forme votre texte et disposer les images a votre convenance dans 
la page en les reliant entre elles par des liens hypertextes. Cependant, vous ne disposez 
d'aucune instruction pour realiser un traitement different en fonction d'un evenement ou 
d'une condition particuliere. C'est pourquoi une page HTML est dite « statique », car elle 
s'affiche toujours sous la meme forme et toutes les pages susceptibles d'etre appelees doivent 
etre stockees sur le serveur (voir figure 1-3). 

Nous verrons plus loin que d'autres langages, comme PHP (sigle de Personal Home Page, 
devenu par la suite Hypertext Preprocessor), permettent de creer des pages « dynamiques » 
qui peuvent etre personnalisees selon une requete ou le profil de l'internaute. lis utilisent pour 
cela un seul et meme fichier modele en interaction avec une base de donnees. 
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Chapitre 1 



Figure 1-2 

Interpretation et 
affichage du code de la 
figure 1-1 dans un 
navigateur Internet : le 
navigateur recoit le 
code HTML de la page 
etl'ajfiche a Vecran en 
interpretant les 
different es balises qu'il 
contient. 
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Html, un langage statique : 

Avant de presenter las langages utilises pour la conception de 

sites dynamiques, rappelons quelques notions ds base sur les 

pages web statiques, 
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Figure 1-3 

Arborescence d'un site 
statique : toutes les 
pages du site doivent 
etre presentes sur le 
serveur. 



B (^ pagesStatiques 

■9. pagel.htm 

d page2.htm 

J page3.htm 

d page4.htm 

d- index.htm 



L'architecture client-serveur 

Nous venons de voir que les sites statiques sont constitues d'un ensemble de pages HTML 
reliees entre elles par des liens hypertextes qui permettent de naviguer de l'une a l'autre. Le 
protocole qui est utilise pour transferer des informations sur Internet s'appelle HTTP (sigle de 
HyperText Transfer Protocol). Une requete HTTP (par exemple : http://www.eyrolles.com/ 
page.htm) est envoyee vers le serveur afin d'acceder a la page desiree et de la visualiser dans 
le navigateur du poste client (voir etape 1 de la figure 1-4). 

Lorsque le serveur Web regoit cette requete, il recherche la page demandee parmi toutes les 
pages HTML presentes sur le site concerne et la renvoie ensuite au client (voir etape 2 de la 
figure 1-4). Le code HTML re5U par le poste client est alors interprete et affiche par le navi- 
gateur (voir etape 3 de la figure 1-4). C'est ce qu'on appelle l'architecture client-serveur (je 
demande, on me sert) : le client est le navigateur Internet (Internet Explorer, Netscape...) et le 
serveur est evidemment le serveur Web sur lequel est stocke le site Internet. 
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Ce type de site a l'avantage d'etre tres simple a realiser, et on peut s'en contenter dans le cadre 
de petits projets de quelques dizaines de pages, dont la mise a jour n'est pas frequente. Cepen- 
dant, il affiche vite ses limites pour la conception d' applications plus importantes ou necessi- 
tant de frequentes mises a jour. De meme, les sites marchands et autres portails d' informations 
ne peuvent pas etre realises sur ce modele. 



3 Interpretation du code Html par le navigateur client 




POSTE CLIENT 



SERVEUR WEB 



Figure 1-4 

L' architecture client-serveur : le poste client envoie au serveur une requite HTTP, le serveur Web recherche puis 
fournit au poste client la page demandee, qui est ensuite interpretee par le navigateur. 



Le code HTML est un langage interprete et non compile comme le sont les differents 
programmes dedies a un type d'ordinateur specifique (PC, Mac...). Pour illustrer ce qu'est un 
programme compile, prenons le cas de votre editeur de texte (comme Word par exemple). 
Lorsque vous l'avez achete, vous avez du preciser si vous aviez un PC ou un Mac, car le logi- 
ciel en question a ete compile differemment selon le type d'ordinateur auquel il est destine. 
Un tel programme ne peut fonctionner que sur la plate-forme pour laquelle il a ete compile. 
Ce n'est pas le cas des langages interpretes, qui ont l'avantage d'avoir un code commun a tous 
les types d'ordinateurs. La raison de cette poly valence est que le code source est interprete du 
cote client par le logiciel adapte a la machine (voir figure 1-5). 

Ce genre de langage est done tres bien adapte a Internet ou le pare d'ordinateurs est tres hete- 
rogene. On peut ainsi envoyer le meme code HTML a tous les navigateurs des internautes, 
quel que soit leur ordinateur. En revanche, cela oblige le serveur a envoyer tout le code source 
sur le poste client, laissant la possibilite a quiconque de le copier et de l'utiliser comme bon 
lui semble. Cet inconvenient n'est pas negligeable, car, dans ces conditions, il devient difficile 
de proteger son code source et la confidentialite des informations qu'il pourrait contenir. 

Nous verrons plus loin que le langage PHP n'herite pas de ce defaut, car son code source est 
pre-interprete et transforme en equivalent HTML cote serveur ; seul le code HTML ainsi 
produit est envoye au client, preservant de ce fait les sources PHP et la securite de leur 
contenu. 
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Le serveur envoie le mime code source Html quelque soit le type cf'ordinateur du client 



POSTE CLIENT 
MAC 






□ 




SERVEUR WEB 



POSTE CLIENT 
PC 



Figure 1-5 

L' interpretation du code HTML cote client permet d' envoy er le meme code quel que soit le type d'ordinateur de 
Vintemaute. Chaque navigateur etant adapte a la plate-forme sur laquelle il est installe, il interprete le code 
HTML en Vadaptant aux particularites de Vordinateur du client. 



Les sites interactifs et les langages de script 

Interactivity cote client ou cote serveur 



Heureusement, revolution des techniques Internet permet desormais de developper des pages 
interactives beaucoup plus interessantes et attractives pour l'internaute. 

Pour creer de l'interactivite sur un site, le concepteur multimedia dispose de plusieurs techno- 
logies qui peuvent etre executees cote client, comme JavaScript, ou cote serveur, comme 
PHP, ASP, JSP, CFML, etc. Le choix du type de technologie (cote client ou cote serveur) est 
fonction de 1' application a mettre en ceuvre, de son niveau de securite et de sa rapidite 
d' execution. 



JavaScript 

JavaScript (a ne pas confondre avec Java) est un langage tres largement employe sur Internet cote client, 
meme s'il peut aussi fonctionner cote serveur. II a ete mis au point par Netscape Communications. Ses 
instructions sont incluses dans le code HTML des pages envoyees sur le poste client et elles sont traitees 
directement par le navigateur. 
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Pour illustrer ces criteres de choix, prenons l'exemple d'un script qui controle le contenu d'un 
champ dans un formulaire en ligne (nous pourrions par exemple verifier que le contenu du 
champ e-mail comporte bien un caractere @). Pour cet exemple, les deux premiers criteres 
n'influent pas sur le choix, car ce type d'application peut etre traite aussi bien cote client que 
cote serveur, et meme si le script est envoye cote client, il ne devoile pas d' informations confi- 
dentielles. En revanche, pour une meilleure reactivite du controle, la technologie cote client 
est mieux adaptee : le script integre dans la page du formulaire est beaucoup plus rapide, car 
il s'execute directement sur le poste client (voir etape 4 de la figure 1-6). En comparaison, 
l'utilisation du script cote serveur necessite l'envoi d'une requete au serveur (voir figure 1-7, 
etape 1), son execution sur le serveur (etape 2), le retour de sa reponse par le reseau Internet 
(etape 3) et le rechargement de la page dans le navigateur (etape 4). 



4 Execution d'un scrip! cote client 

3 ' Interpretation du code HTML par !e navigateur 





-Page Html et Script integre dans le coda^ 
INTERNET 



POSTE CLIENT 




SERVEUR WEB 



Figure 1-6 



Prenons maintenant le cas d'un petit script qui controle l'acces a une page contenant le mot de 
passe dans son code source. Ici encore les deux technologies peuvent gerer ce genre d'appli- 
cation, mais du point de vue de la securite, le script cote client ne doit pas etre utilise, car il 
suffirait de consulter le code source de la page pour prendre connaissance du mot de passe 
demande (voir figure 1-7). La solution du script cote serveur, quant a elle, preserve ces infor- 
mations. Dans ce cas, le serveur traite les instructions de comparaison du mot de passe saisi 
avec le mot de passe sauvegarde dans le code et envoie au navigateur la page protegee, si le 
test est positif, ou un message d'erreur dans le cas contraire. Ainsi, l'internaute qui demande- 
rait l'affichage des sources dans son navigateur ne verrait qu'une banale page HTML (voir 
figure 1-8). 

Les scripts cote client presentent un autre inconvenient qui peut influencer votre choix : 
comme ils sont traites sur le navigateur du client, ils peuvent se comporter differemment selon 
le type d'ordinateur et la version du navigateur. Par exemple, un script en JavaScript peut 
parfaitement fonctionner sur Netscape, mais poser des problemes avec Internet Explorer ou 
creer des erreurs sous Netscape 3, alors qu'il fonctionne sous Netscape 4. De meme, les resul- 
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4 Interpretation du code HTML par le navigateur 



2 Execution d'un script cote serve ur 




POSTE CLIENT 



SERVEUR WEB 



Figure 1-7 

Utilisation d 'un script cote serveur : il n'ya pas de dependance vis-d-vis du navigateur client et le code source est 
preserve mais V ' interactivite est plus lente 



ml login.htm - Bloc-notes 



Fichier Edition Format ? 



JDJXJ 



~n 



<!doctype html public "-//W3C//DTD html 4.01 Transit ional/AN"> 
<htra1xhearJ><title>Docurnent sans titre</title> 

<-mprj hTTp-pqin«="rnnTpnT-Typp" rnnTpnr = "TPYT/hTm1 ; rhAr-t;pT=i-;n-RS l iQ--l " v 

<script language^" JavaScript ' type="text/JavaScript"> 

<! — 

Function TestPwdQ { 

if (pwd != "secret|"X 

alert C'mauvais root de passe'); 

r } etUrn false: SCRIPT VISIBLE 

f return true ; } DEPUIS LE SOURCE 



</script> 



DE LA PAGE 



<body> L'acces a ce site necessite un mot de passe 



<torm name="monrorm" actlon="pagePnve. ntm" onsuPrmt = "return TestPwdO 
<p>votre mot de passe : 

<input name="pwd" typeVpassword" > 
</p> <P> 

<input type="submit" value="va~lider"> FORMULAIRE 

<input type="reset" value="Ré tablir"> 
</p> 
</form> 



<yBoay:><:/nTmi!> 



J 



Figure 1-8 

Exemple de script cote client : depuis son navigateur, chaque internaute pent voir le code source du script et 
identifier facilement le mot de passe necessaire pour acceder a la page privee. 
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tats peuvent varier selon qu'on utilise un PC ou un Mac. Tout cela impose au concepteur 
multimedia de realiser des tests importants s'il desire que sa page interactive fonctionne sur 
toutes les plates-formes et dans toutes les configurations. Les langages cote serveur, quant a 
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eux, sont independants de la plate-forme du client ou de la version de son navigateur, car 
1' interpretation du script est realisee cote serveur et le code envoye vers l'ordinateur du client 
est compatible avec le standard HTML, et done interprete de la meme maniere par tous. 

Notons cependant, parmi les inconvenients des scripts cote serveur, que leur utilisation neces- 
site la disponibilite d'un serveur adapte. Meme si les offres des hebergeurs qui proposent des 
serveurs integrant des scripts dynamiques sont de plus en plus frequentes et abordables, il faut 
tenir compte de ce point lors de votre choix. 

Les sites dynamiques et les bases de donnees 

Creation de modeles dynamiques 

L' execution du script cote serveur permet de creer une page « a la volee » lors de son execu- 
tion par le preprocesseur PHP integre au serveur. La page ainsi creee contient les memes 
informations qu'une simple page HTML, ce qui lui permet d'etre ensuite interpretee sans 
probleme par le navigateur cote client (voir figure 1-9). Lors de la creation de cette page, les 
scripts integres au fichier dynamique sont executes et, si necessaire, etablissent une connexion 
a un serveur de donnees. Avec ce processus, la page dynamique devient un modele de presen- 
tation des informations. Ce modele est personnalise par des contenus differents selon la 
requete du client. 

Ainsi, il n'est plus necessaire, par exemple, de creer une page specifique pour la presentation 
de chaque produit d'un catalogue, car une seule page dynamique peut etre utilisee. II suffit de 
lui indiquer l'identifiant du produit demande par une variable qui lui est transmise en meme 
temps que son appel ; la page renvoyee au client contient alors toutes les informations et 
photos relatives au produit concerne. L'arborescence du site en est simplifiee, puisque 
l'unique page dynamique remplace les nombreuses pages statiques correspondant a chaque 
produit (voir figure 1-10). 

Pourquoi utiliser une base de donnees ? 

Nous venons d'expliquer que l'utilisation des scripts cree de Finteractivite dans un site. En 
effet, ces scripts permettent d'integrer dans une page des instructions conditionnelles pour 
realiser des traitements differents en fonction de l'etat des variables testees. Les pages creees 
par ces scripts sont elaborees avec des informations contextuelles donnees par l'internaute lui- 
meme, ou issues d'un traitement realise a partir de ces informations. Cependant, ces informa- 
tions sont exploitables uniquement pendant le temps de la session active et ne peuvent pas etre 
memorisees d'une session a F autre, ce qui limite considerablement les applications utilisant 
uniquement des scripts serveur. Une premiere solution pour conserver ces informations est de 
les enregistrer dans de petits fichiers (cookies) cote client, afin de recuperer le profil de l'inter- Q 

naute lors de sa prochaine visite. Cependant, cette solution manque de fiabilite, car de 
nombreux internautes interdisent Fenregistrement d' informations sur leur propre ordinateur. 
Une deuxieme solution s'appuie aussi sur Fenregistrement de ces informations dans des 
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<!DOCTYPE HTML PUBLIC " -//W3C//DTD HTML 4.01 Transi tiona"l//£N"> 

<hrml><headxtirle>Document sans titre</title> 

<meta http-equiv="content-Type" content^ "text/html ; charset^iso-8859-1"; 

</head> 



cForm name="monform" action="pagePrive. php" 
<p>Votre mot de passe : 

<input name="pwd" type=" password" > 
</p>(<p> 

<input type=" submit " value="valider"> 
<input typeV'reset" value="Rétab1ir"> 
</p> 
t/f a r m> 



FORMULAIRE 



J, 



Figure 1-9 

Dans le cas d'un traitement cote serveur, la page de saisie du mot de passe est un simple formulaire dont la settle 
particularite est d'envoyer ses informations vers un script dynamique sur le serveur. Le script qui traite 
I 'information renvoie ensuite a I 'internaute la page privee, si le mot de passe est correct, ou un message d 'erreur 
dans le cas contraire. 
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Figure 1-10 

Exemple de code d'une 
page dynamique 
produisant le mime 
afficlmge que la page de 
la figure 1-2. 



<?php include("requeteRase.php") ?> 

<HTML> V 



<HEAD> < title >Paqe\>yn amique </title > </HEAD> 




<lBODY> 






Si des informations doivent 
etre recuperees d'une base 
de donnees, une requete 
serveur permettra de les 
integrer dans la page 



<p> 

<font s/ze = "7"x?php echo $titre ?></font> 

</p> 

<px?php echo $descriptif ?></p> 



\ 



La page dynamique peut 
etre personnalisee selon 
differentes variables 
affichees a I'ecran, 






<pximg src= "<?php echo $photo 7>.jpg" ></p> 



\ 

A 



Les images ou les liens 
hypertextes pourront 
aussi etre geres 
dyna miquement. 



<p> 

<a href="page.php?id=l">p<3gel</3> 

<a href = "page. php?id=2">page^</a> 

</p> 

</BODY> 
</HTML> 



} 
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fichiers de donnees, mais du cote serveur cette fois. Dans ce cas, la disponibilite de ces 
fichiers n'est plus tributaire du bon vouloir de l'internaute, mais la solution manque de 
souplesse dans l'exploitation des informations, et son organisation devient vite ingerable pour 
des sites importants. La troisieme solution est d'utiliser une base de donnees dans laquelle on 
stocke toutes les informations utiles aux applications du site. Le script cote serveur contient 
alors les procedures de connexion a la base de donnees et des instructions specifiques pour 
lire, ajouter, modifier ou creer des enregistrements. Meme si cette solution necessite la 
presence d'une base de donnees et le developpement de scripts de gestion de ses enregistre- 
ments, elle est de loin la plus efficace et la plus souple dans une grande majorite d' applica- 
tions, et les avantages qui en decoulent sont considerables. Elle est actuellement employee sur 
la plupart des sites professionnels qu'on definit comme dynamiques. Les sites dynamiques 
sont done caracterises par le fait qu'ils fonctionnent avec des scripts cote serveur et qu'ils 
exploitent les informations issues d'une base de donnees. 

Pour pouvoir exploiter une base de donnees, le systeme doit etre organise selon une architec- 
ture a trois niveaux (dite « architecture trois tiers »), mettant en relation le client, le serveur 
Web et la base de donnees. Meme si la base de donnees est souvent installee sur le meme ordi- 
nateur que le serveur Web, ce modele reste inchange dans la plupart des cas (voir figure 1-11). 



B £D pagesDynamiques 

0- page.php 

d index. php 



Figure 1-11 

L ' arborescence d'un 
site dynamique contient 
beaucoup moins de 
fichiers que celle d'un 
site statique : les 
fichiers dynamiques 
faisant office de 
modeles, il suffit de leur 
envoyer une variable 
differente pour qu 'Us se 
personnalisent a la 
demande. 

Les sites dynamiques avec PHP/MySQL et Dreamweaver 8 

Les avantages des sites dynamiques g 

Si la conception d'un site dynamique est un peu plus compliquee que celle d'un site statique t§" 

et demande l'apprentissage d'un langage de script, les avantages qui en decoulent compensent © 

largement votre investissement initial. Voici quelques exemples d' utilisation qui devraient o 

vous en convaincre. ZJ 

3 
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Mises a jour automatisees 

Des que votre site commence a prendre de l'embonpoint, les mises a jour deviennent vite tres 
lourdes a gerer. En utilisant un langage de programmation cote serveur, vous pouvez automa- 
tiser totalement ou partiellement ces mises a jour en ajoutant a vos pages une date de validite. 
Le programme compare cette derniere a la date du jour et n'affiche que les pages qui sont 
valides, sans aucune intervention de votre part. De meme, vous pouvez utiliser cette date afin 
de preparer vos differentes mises a jour a l'avance, en indiquant une date a partir de laquelle 
elles doivent apparaitre sur le site. Vous pouvez ainsi programmer, plusieurs semaines aupa- 
ravant, les futures actualisations ou promotions que vous desirez voir apparaitre sur le site, a 
partir d'une date precise. 



Recuperation des donnees demandees dans la base 3 



2 Interpretation de 

la page Html par 

le navigateur 



Insertion des donnees recuperee de la base 4 
dans la page creee par le script 



2 Execution du 
script cole 
serveur 





-Envoi de la page Html creee par lexecution du scrrpt- 
INTERNET 




POSTE CLIENT 



SERVEUR WEB 



Figure 1-12 

Architecture a trois niveaux (client-serveur-base de donnees) : le poste client envoie une requete HTTP sur un 
fichier dynamique, le serveur Web localise lefichier et I 'execute, ajoutant si necessaire des informations issues de 
la base de donnees. La page ainsi creee est ensuite envoyee au client oil elle est interpretee comme une simple 
page HTML par le navigateur. 



Une maintenance assistee 

En construisant judicieusement votre site a l'aide de pages modeles a personnaliser selon les 
parametres de la requete de l'internaute, vous pouvez tres facilement modifier la presentation 
de toutes les pages en n'intervenant que sur le code des pages modeles. Meme si cela peut 
aussi etre realise grace a des feuilles de style, celles-ci ne sont pas toujours acceptees par les 
anciens navigateurs, alors que vous n'aurez pas cet inconvenient avec votre site dynamique 
puisque le code envoye est du HTML standard, compatible avec tous les navigateurs. 
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Sites multilangues 

Si vous desirez creer un site en plusieurs langues, il suffit de prevoir des zones de texte para- 
metrables qui seront renseignees par le texte dans la langue choisie par l'internaute. De meme, 
l'ajout d'une langue supplemental ne demande que l'insertion d'un nouveau champ dans la 
base de donnees, sans aucune intervention dans la page d'affichage. 



Fichiei Edit-on Affichaae Alera Marque -pages Ouijfc I 

fli - " \3 Kl u tatp://www.parEptwtos.eom/Bidex.php?lang»ff 



E@S 



o o 



H Ocx I&, 



|..ll!.'....'l.MUII.M.I... r IIJ--Wl 



parisphotos.com 



visionneuse panier commande conditions 



mors-cles: £ 



Par Tlietne : S&lectionn&r un theme 




ienvenue a Parispnotos.com, ta lere 



age rice de photos en llgne exclusrvernent 

consacree a Pans ! 

lei. vous trouverez un stock ae pnotos ae Paris : 

rues. activites, vie quotidlenne, monuments. 

tourisme, transports etc. 

Les pnotos sort fibres, de droits pour touts 

utilisation, sans exclusivity et disponioles en 4 

tallies a prtx forTaitatres uniques. 



| s'eiirerjislrei 



Donnees transferees depute www .pat isphoc.os.com 



Figure 1-13 

Le site www.parisphotos.com est un site de photographe specialise dans les photos de Paris. Grace a ses scripts 
PHP et sa base de donnees MySQL, vous pourrez visiter ce site enfrancais ou en anglais. De plus, vous trouverez 
facilement la photo recherchee grace a un mini moteur de recherche qui utilise les differents mots-cles 
prealablement definis pour chaque photo. 



Recherche multicritere 

Tous les outils de recherche sur Internet utilisent des technologies dynamiques pour creer « a 
la volee » les pages de resultats correspondant aux requetes des internautes. Cependant, il est 
de plus en plus frequent de retrouver des structures de recherche dynamiques internes a un site 
pour faciliter l'acces aux informations. Par exemple, si vous construisez un site de petites 
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Figure 1-14 

Le site www.agencew.com presente line agence Web specialisee dans la conception de sites dynamiques. Ses 
nombreuses creations sont enregistrees dans une base de donnees. Elles peuvent ainsi etre triees et affichees 
grace aux pages dynamiques de sa rubrique reference. Cette structure luipermet une mise a jour immediate des 
qu 'une nouvelle reference est ajoutee dans sa base. 



annonces, il faut permettre a l'utilisateur de faire des recherches multicriteres comme « Je 
cherche un studio a Paris dont le loyer est inferieur a 200 euros. » L'integration d'un formu- 
laire de recherche interrogeant une base de donnees contenant toutes les petites annonces 
disponibles est la solution la mieux adaptee a ce type de site. 

Programme de calcul en ligne 

PHP dispose d'une bibliotheque de fonctions mathematiques tres faciles a exploiter pour 
realiser des calculs en ligne. Vous pouvez ainsi proposer de multiples services en ligne qui 
ajoutent des atouts a votre site et peuvent inciter vos visiteurs a revenir frequemment vous 
voir. 

Ces exemples d'utilisation des technologies serveur ne sont pas exhaustifs, et les applications 
possibles des sites dynamiques sont immenses et ne seront limitees que par votre imagination. 
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Figure 1-15 

Le site www.carrefourempIoi.org presente de frequentes manifestations sur le theme de Vemploi. Grace aux 
programmes de technologies PHP/MySQL de ce site, les organisateurs des manifestations peuvent creer tres 
rapidement des petits sites avec de nombreuses fonctionnalites pouvant etre ensuite personnalisees selon les 
specificites de la rencontre. 



Les technologies serveur prises en charge par Dreamweaver 8 

Les langages de programmation dynamique sont des technologies qui exploitent des scripts 
integres et executes cote serveur, en interaction avec des bases de donnees. II existe de 
nombreux langages de programmation dynamique, mais comme cet ouvrage est dedie a 
1' utilisation de Dreamweaver 8, nous ne presenterons ici que les langages pris en charge par 
l'editeur de Macromedia. 
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Figure 1-16 

Le site www.dineraparis.com est developpe en PHP. II indexe tous les restaurants parisiens etpermet a 
Vinternaute defaire des recherches sur plusieurs criteres pour afficher la liste des restaurants qui repondent a sa 
requite. 

ASP (Active Server Pages) 

II s'agit d'un langage developpe par Microsoft. La technologie des ASP s'appuie sur l'utilisa- 
tion du langage VBScript (version allegee du celebre Visual Basic de Microsoft) et de compo- 
sants ActiveX (composants objets) pour les traitements applicatifs complexes. Pour exploiter 
les bibliotheques des composants ActiveX et programmer en ASP, il faut utiliser un serveur 
Microsoft IIS {Internet Information Server) sous Windows NT ou 2000 (sous Windows 98, il 
s'agit du serveur PWS). ASP est done d'une portabilite limitee meme si certaines societes 
(ChiliSoft, HalcyonSoftware) le font tourner sur d'autres plates-formes (Unix, Linux...). En 
ce qui concerne les bases de donnees, on retrouve frequemment des sites dynamiques ASP 
couples avec des bases de donnees MS Access ou SQL Server 2000. 
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ASP.net 

ASP.net est semblable au langage ASP. C'est une autre technologie proprietaire developpee 
par Microsoft qui doit fonctionner sur un serveur .NET Web Server. II s'agit d'une techno- 
logie encore relativement recente, qui s'integre dans l'environnement de developpement 
.NET. La diversite des types de clients geres par cette plate-forme est un de ses premiers 
atouts, mais sa mise en oeuvre reste encore tres onereuse. 

JSP (Java Server Pages) 

Basees sur le langage Java, les JSP representent la derniere technologie proposee par SUN 
pour faciliter la production dynamique de contenu de sites Web. Les JSP sont la reponse de 
SUN a Microsoft. Elles s'appuient sur le meme principe : du code insere dans les pages 
HTML et traite par le serveur Web utilisant des composants objets. A la difference des ASP, 
le code insere est en Java (langage de developpement cree par SUN) et les composants objets 
sont des JavaBeans. 

Le gros avantage de ce choix est la portabilite. Ainsi, on peut developper un site independam- 
ment de la plate-forme utilisee comme serveur Web. De plus, l'utilisation de Java en lieu et 
place de VBScript permet une qualite de programmation plus elevee et les JavaBeans sont 
bien plus simples a implementer que les ActiveX. L'utilisation des JSP implique d' avoir un 
serveur Web disposant d'une extension capable de les traiter. Vous pouvez trouver gratuite- 
ment ce type de logiciel sur le Web. Parmi les serveurs HTTP gratuits qui prennent en charge 
les JSP, citons JSWDK (propose par SUN) ou Tomcat (propose par la fondation Apache). 

CFML (ColdFusion Markup Language) 

CFML denomme a la fois un langage et un logiciel du meme nom. ColdFusion permet de 
creer et de maintenir un site entierement dynamique. C'est une technologie proprietaire, deve- 
loppee par Allaire Corporation, qui est desormais integree dans la gamme des produits Macro- 
media. 

PHP (Hypertext Preprocessor) 

Initialement appele Personal Home Page, il a ete developpe a l'origine par Rasmus Lerdorf en 
1994 pour enregistrer le nombre de visiteurs sur son site. II a vite ete perfectionne par la 
communaute Internet pour devenir un langage de script cote serveur, a la fois tres simple et <-, 

O 

tres performant. II s'interface parfaitement avec des bases de donnees MySQL, mais il peut 3 

aussi exploiter d'autres bases de donnees (Informix, dBase, Oracle, SyBase, PostgreSQL...). § 

Cependant, avec la version actuelle de Dreamweaver 8, vous ne pouvez gerer que le couple © 

PHP/MySQL. Enfin, en plus de ses bonnes performances, PHP est distribue sous licence § 

GNU GPL : il est done libre et gratuit ! q 
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Chapitre 1 

Evolutions de PHP, de I'origine a PHP 5 

Nous vous proposons maintenant de rappeler brievement les etapes qui ont marque son evolu- 
tion depuis son origine jusqu'au PHP 5 actuel. 

PHP/FI 

Lors de sa creation, la particularite de la technologie serveur PHP etait de pouvoir gerer les 
formulaires, d'ou l'appellation de sa premiere version : PHP/FI, FI signifiant « Forms 
Interpreter ». Quelque temps apres sa conception, Rasmus Lerdorf decida d'ouvrir son code 
a la communaute Internet, ce qui contribua a son evolution rapide. 

PHP 2 

Ainsi, des 1997, il existait deja plus de 50 000 sites utilisant le PHP, ce qui represente a peu 
pres 1 % des domaines de l'epoque. La premiere grande evolution de PHP est la version 
PHP 2 qui vit le jour en 1997. Cette version, assez ephemere, a ete surtout diffusee en version 
beta et fut rapidement remplacee par la version 3. 

PHP 3 

La version 2 de PHP affichant des performances insuffisantes qui bloquaient son evolution, et 
notamment son exploitation dans le domaine du e-commerce, la nouvelle version 3 de PHP a 
ete completement reecrite. Diffuse en 1998, PHP 3.0 fut reellement la premiere version fonc- 
tionnelle et stable de PHP. Elle se distinguait principalement par la possibilite d'ajouter des 
extensions (bibliotheques de programmes complementaires et dediees a un usage precis). 
Cela permit a PHP de s'enrichir des nombreuses extensions que Ton connait aujourd'hui, qui 
sont a I'origine de son succes. 

PHP 4 

En 2000, juste avant le lancement de la nouvelle version 4, PHP 3 etait deja installe sur plus 
de 10 % des sites Internet. PHP 4.0 se differenciait par une efficacite encore plus elevee (son 
moteur ayant ete restructure completement) et par une nouvelle gestion des variables HTTP, 
qui permettait notamment une utilisation plus facile des sessions. Notons a ce sujet qu'a partir 
de la version 4.1 la syntaxe de ces variables HTTP a ete simplifiee ($_GET[ ] au lieu de 
$HTTP_GET_VARS[ ], par exemple). La configuration par defaut du fichier d'initialisation de 
PHP a ete modifiee a partir de la version 4.2 afin d'augmenter la securite, mais nous aurons 
l'occasion d'en reparler au cours des prochains chapitres. 

PHP 5 

La premiere version stable de PHP 5.0 a ete diffusee en 2004. Cette nouvelle version avait 
pour objectif de rendre PHP plus professionnel, tout en conservant sa simplicite de develop- 
pement qui est a la base de sa reputation. PHP 5 permet done de mieux rivaliser avec les diffe- 
rentes technologies alternatives presentees precedemment. Parmi ses nouveautes, citons 
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1' apparition du nouveau moteur Zend Engine II qui permet une programmation completement 
orientee objet (POO), l'integration en interne de la base de donnees SQLite (nous n'aborde- 
rons pas SQLite dans cet ouvrage) et une nouvelle prise en charge des flux XML. 



Compatibility entre les versions 5 et 4 de PHP 

Hormis la programmation orientee objet et quelques fonctions mineures dont la syntaxe a change, tous les 
exemples et les applications presentes dans cet ouvrage pourront etre exploites sur PHP 4 comme sur 
PHP 5. 



PHP, MySQL et Dreamweaver 8, un trio efficace ! 

Parmi les differents langages presentes ci-dessus, PHP est le plus simple a apprendre et aussi 
le plus rapide a executer. De plus, il est portable sur de multiples plates-formes : un meme 
script peut fonctionner sur differents serveurs et avec divers systemes d' exploitation. Contrai- 
rement a certains langages generaux (Perl, C, Java...), PHP est uniquement dedie au develop- 
pement de pages Web dynamiques. Ses applications sont done parfaitement adaptees aux 
besoins d'Internet. Le code PHP est directement integre dans les pages HTML : il est done 
rapide a mettre en place et tres facile a creer. Si on ajoute a ces qualites le fait que PHP soit 
gratuit, on comprend aisement son succes et comment il est devenu si rapidement tres popu- 
late. 

Lorsqu'on realise des pages en PHP, on est souvent amene a utiliser une base de donnees pour 
stacker des informations. L'emploi conjoint des scripts cote serveur et des bases de donnees 
permet ainsi de realiser tout type de sites professionnels comme ceux des exemples cites 
precedemment. II existe de multiples bases de donnees compatibles avec PHP. Cependant, 
MySQL est l'une des bases les plus diffusees et, surtout, elle a ete retenue par Macromedia 
pour etre interfacee avec les scripts PHP dans Dreamweaver 8. Nous utiliserons done toujours 
une base MySQL dans toutes les applications de cet ouvrage. 

Dreamweaver est un logiciel de creation de pages HTML d'un site Web en mode visuel. II 
permet aussi au concepteur de modifier directement le code des pages grace a son editeur de 
code integre. Un troisieme mode (appele « mixte ») permet d'editer le code tout en benefi- 
ciant de l'environnement visuel de mise en page. Son interface de conception graphique est 
WYSIWYG (What You See Is What You Get), e'est-a-dire que la fenetre de travail reflete _ 

pratiquement la realite de ce qui sera affiche dans le navigateur lors de la publication de la ;§ 

page. Cette caracteristique fait de Dreamweaver un outil tres apprecie par les graphistes. t§" 

Depuis Dreamweaver MX, les developpeurs apprecient aussi les avantages de la conception @ 

visuelle. o 

o 
o\ 

En effet, dans la logique des comportements client qui permettent a Dreamweaver de !? 



composer des programmes JavaScript sans ecrire une seule ligne de code, Macromedia a 
etendu le meme concept au developpement de scripts dynamiques avec PHP et MySQL. 
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Choix de P infrastructure serveur 

Contrairement a un site statique, un site dynamique necessite la disponibilite d'une infrastruc- 
ture serveur. En effet, comme nous l'avons indique dans le chapitre precedent, plusieurs 
applications sont necessaires du cote serveur pour faire fonctionner un site dynamique : 

• un serveur Web (le serveur Apache est le plus frequemment utilise) ; 

• un langage de script serveur (dans cet ouvrage, nous utiliserons PHP) ; 

• un serveur de base de donnees (dans cet ouvrage, nous utiliserons MySQL). 

Selon les ressources materielles dont vous disposez, plusieurs solutions peuvent etre exploi- 
ters pour repondre a ces besoins : 

La premiere solution concerne les developpeurs qui disposent d'une connexion permanente et 
rapide a Internet, d'un serveur Web distant equipe d'une base de donnees MySQL et d'un 
moteur de scripts PHP (voir figure 2-1). 

La deuxieme solution est la plus exigeante. Elle concerne surtout les societes de developpe- 
ment Internet qui ont a leur disposition un serveur Web en local, avec PHP et MySQL, en plus 
de leur serveur distant de production (voir figure 2-2). 

La troisieme solution est accessible a tous, puisqu'il suffit d'installer sur son poste de deve- 
loppement une infrastructure serveur avec PHP et MySQL, qui emule en local le meme 
comportement que le serveur Web distant (voir figure 2-3). 
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Figure 2-1 

Infrastructure serveur utilisant le serveur distant pour les evaluations dynamiques. 
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Figure 2-2 

Infrastructure serveur utilisant un serveur du reseau local pour les evaluations dynamiques. 



e> 

o 

o 

9 

3 



Environnement de developpement 



Chapitre 2 
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DEVELOPPEMENT 



SERVEUR WEB DE PRODUCTION 



Figure 2-3 

Infrastructure serveur utilisant un serveur local integre dans le poste de developpement pour les evaluations 
dynamiques. 

Afin d'etre surs que vous disposiez tous du meme environnement de developpement, nous 
avons retenu la troisieme solution pour realiser toutes les demonstrations de cet ouvrage. 
Cependant, les concepts developpes sont identiques quelle que soit la methode retenue ; seule 
la configuration initiale du serveur de test sous Dreamweaver presente quelques differences. 

Afin de vous accompagner dans la mise en oeuvre de votre plate-forme de developpement, le 
paragraphe suivant sera consacre a l'installation d'une infrastructure serveur locale. 

Installation d'une infrastructure serveur locale (Wamp5) 

Pour installer une infrastructure serveur en local sur votre poste de developpement, vous 
pouvez utiliser les procedures d' installation de chacune des applications necessaires (Apache, 
PHP, MySQL) ou utiliser une suite logicielle qui vous permet d'installer automatiquement ces 
trois elements en une seule procedure. Afin de vous faciliter la mise en place de l'environne- 
ment de developpement, nous allons vous presenter la seconde solution. 

II existe actuellement plusieurs suites logicielles pouvant repondre a nos besoins. Certaines 
suites, comme Mamp, sont dediees a Macintosh ; d'autres, comme Wamp5 ou EasyPHP, sont 
concues pour s'installer sur une plate-forme Windows. Dans le cadre de cet ouvrage, nous 
utiliserons une plate-forme Windows XP et installerons Wamp5 qui presente l'avantage 
d'etre compatible avec PHP 5 des son installation (si vous utilisez un Macintosh, reportez- 
vous a l'annexe de cet ouvrage pour connaitre la procedure d'installation de la suite Mamp). 
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Choix de la version de Wamp5 

Meme si vous utilisez une infrastructure locale comme Wamp5 pour mettre au point vos programmes, la 
finalite de votre projet sera toujours de mettre en ligne votre site afin que tous les internautes puissent y 
acceder. Aussi est-il judicieux de verifier la configuration et les versions de PHP et de MySQL installees 
sur votre futur serveur distant. A ce sujet, si vous desirez connaitre la configuration et la version de PHP 
installees sur votre serveur distant, il suffit d'afficher une simple page .php contenant la fonction 
phpi nf o ( ) . De meme, pour connaitre la version de MySQL, il suffit d'afficher les ecrans du gestionnaire 
phpMyAdmin ou elle est indiquee. Une fois ces informations connues, nous vous conseillons de choisir 
une version de Wamp5 dont les applications PHP et MySQL sont les plus proches de celles installees sur 
votre serveur distant. Ainsi, vous limiterez les risques d'erreur d'environnement qui pourraient se produire 
lors du transfert de vos pages sur votre serveur distant. Dans cet ouvrage, nous utiliserons la version 1 .6 
de Wamp5, qui correspond a PHP 5.1 .1 et MySQL 5.0.17. Toutefois, si vous choisissez une autre version, 
les differences d'une version a I'autre etant mineures, vous n'aurez aucun probleme a adapter les proce- 
dures presentees ci-apres a votre environnement. 



Etapes d'installation de la suite Wamp5 

Vous pouvez telecharger gratuitement la derniere version de Wamp5 sur le site www.wamp- 
server.com. Copiez le fichier wamp5_l .6.0. exe (ou une version plus recente) sur votre ordina- 
teur et lancez 1' installation en cliquant deux fois sur le fichier. Une premiere fenetre apparait 
(voir figure 2-4), vous recommande de fermer toutes les applications actives avant de lancer 
1' installation. 



Figure 2-4 

Installation de Wamp5 : 
ecran de bienvenue 
affiche au debut de 
V installation. 
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Cliquez ensuite sur Next pour afficher les conditions d'utilisation (licence) qu'il faut valider. 
Dans l'ecran suivant, vous pouvez choisir le repertoire dans lequel vous allez installer le logi- 
ciel. Nous vous suggerons d'accepter l'option par defaut (C:\wamp, voir figure 2-5). Dans 
l'ecran qui suit, selectionnez le dossier de programme dans lequel le logiciel apparaitra (nous 
vous recommandons de choisir celui suggere par Wamp, soit WampServer). L'ecran suivant 
vous propose, par une case a cocher, de demarrer automatiquement Wamp5 lors de la mise en 
marche de votre ordinateur. Si vous cochez cette case, le logiciel se lancera automatiquement 
a chaque demarrage de votre ordinateur, sinon il faudra penser a le faire depuis le menu Tous 
les programmes de Windows avant chaque utilisation. L'ecran suivant vous signale que tout 
est pret pour commencer l'installation ; il suffit alors de cliquer sur Instal 1 (voir figure 2-6). 
Pendant l'installation, le logiciel vous indique sa progression. Finalement, il affiche un ecran 
qui vous propose de choisir le repertoire dans lequel seront stockees les pages dynamiques 
PHP. Prenez le repertoire www propose par defaut et cliquez sur le bouton OK. 



Figure 2-5 

Installation de Wamp5 : 
choix du repertoire 
d' installation. 
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L'ecran suivant vous invite a choisir le navigateur a utiliser par defaut (dans notre cas nous 
avons choisi explorer.exe qui est le navigateur propose par defaut). Enfin, un dernier ecran 
indique que l'installation de Wamp s'est correctement effectuee sur votre ordinateur et vous 
propose de demarrer le logiciel immediatement (case precochee). 

Apres validation du dernier ecran, Wamp5 demarre automatiquement et une icone apparait 
dans la barre des taches de votre ordinateur (voir figure 2-7). II existe trois etats possibles de 
cette icone : si elle est completement blanche (en forme de demi-cercle), cela signifie que les 
deux serveurs (le serveur Apache et MySQL) sont en ordre de marche. Si les deux premiers 
tiers du demi-cercle sont jaunes, cela signifie qu'au moins un des deux serveurs est arrete (ou 
pas encore demarre). Enfin, si le premier tiers du demi-cercle est rouge, cela signifie que les 
deux serveurs sont a 1' arret. 
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Figure 2-6 

Installation de Wamp5 : 
apres avoir choisi le 
repertoire a" installation 
et le nom du dossier qui 
sera cree dans le menu 
Programmes de 
Windows, vouspouvez 
lancer V installation en 
cliquant sur le bouton 
Install. 
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Figure 2-7 

Installation de Wamp5 : 
des le demurrage du 
logiciel Wamp5, une 
icone apparait dans la 
barre des tdches. Si vous 
cliquez sur cette icone, 
le manager de Wamp5 
s'affiche d son tour. 




Arret et demarrage de Wamp5 

Avant d'utiliser Wamp5, il est utile de rappeler la procedure de gestion des serveurs et du 
logiciel pour vos futures utilisations. Pour commencer, je vous invite a arreter les serveurs de 
Wamp5. Pour cela, cliquez sur l'icone de Wamp5, puis dans le menu contextuel qui s'affiche 
(par la suite nous appellerons ce menu contextuel, « le manager » de Wamp5), cliquez ensuite 
sur Stop Al 1 Servi ces. L'icone doit alors changer d'etat et apparaitre avec son premier tiers 
rouge. Pour redemarrer les serveurs, vous devez parcourir le manager de Wamp5 et selec- 



e> 

o 

o 

9 
3 



Environnement de developpement 



Chapitre 2 



tionner cette fois l'option Start All Services. A noter que si l'icone de Wamp5 passe au 
jaune ou au rouge, cela indique que vos serveurs (ou l'un de vos serveurs) ne sont plus opera- 
tionnels. II faudra alors acceder au manager et selectionner l'option Restart All Services 
pour reactiver le (ou les) serveur de Wamp5. Nous venons de voir la procedure pour gerer 
l'arret et le redemarrage des serveurs de Wamp5, cependant, si vous desirez arreter complete- 
ment l'application, il faut dans ce cas faire un clic droit sur la meme icone et selectionner Exi t 
(l'icone doit alors disparaitre completement de la barre des taches). Pour relancer le logiciel 
Wamp5, il faut alors derouler le menu Programmes du bouton Demarrer de Windows, puis le 
dossier WampServer, et cliquer sur l'icone de start wampserver. La meme demarche devra 
d'ailleurs etre effectuee lors du demarrage de votre ordinateur avant chaque utilisation des 
fonctionnalites dynamiques de Dreamweaver (sauf si vous avez coche la case de demarrage 
automatique dans la procedure d' installation que nous venons de detailler). 



Figure 2-8 

Redemarrage de 
Wamp5 : si les serveurs 
de Wamp5 sont arretes, 
il suffit de cliquer sur 
I 'icone de Wamp5 puis 
de selectionner l'option 
Start All Services pour 
les redemarrer. 




Decouverte du manager de Wamp5 

Le manager de Wamp5 vous permet d' acceder aux fonctions suivantes (les differentes options 
seront detaillees en partant du haut du manager) : 

• Local host - donne acces au Web local et permet de tester toutes les pages enregistrees 
sous la racine www (soit http: //l ocal host/ qui correspond a la racine situee a l'emplace- 
ment C:/wamp/www/). 

• phpMyAdmin- permet d'acceder au gestionnaire de base de donnees MySQL nomme 
phpMyAdmin (soit Farias http: //l ocal host/phpmyadmin/, voir figure 2-9). 
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La rubrique 
phpMyAdmin du 
manager Wamp5 vous 
permet d'accederau 
gestionnaire 
phpMyAdmin de la base 
de donnees MySQL. 




SQLiteManager - permet d'acceder au gestionnaire de base de donnees integree a PHP, 
nomme SQLite (soit l'alias http://localhost/sqlitemanager/, voir figure 2-10). 

www di rectory - donne acces a un explorateur Windows configure pour s'ouvrir automa- 
tiquement dans le repertoire racine www (C: \wamp\www\, voir figure 2-11). 

Log files -permet d'afficher les fichiers de log du serveur Apache (apache error log), 
du preprocesseur PHP (php error log) et du serveur MySQL (mysql error log). Ces 
fichiers de log pourront etre avantageusement consultes pour identifier un probleme dans 
l'une des applications citees. 

Conf i g f i 1 es - ouvre dans le bloc-notes les differents fichiers de configuration de la suite 
Wamp5. Soit : httpd. conf pour la configuration d' Apache, php. i ni pour la configuration 
de PHP et my.ini pour la configuration de MySQL. Vous pouvez ainsi consulter, voire 
modifier (a ne faire evidemment que si vous etes sur de vous...) les options de chaque 
fichier de configuration de la suite Wamp5. 

PHP extensions - permet d'activeroudedesactiverune extension PHP (voir figure 2-12). 
Les extensions de PHP sont des bibliotheques de fonctions dediees a un usage particulier 
qu'il faut activer sur le serveur avant de pouvoir les exploiter dans vos programmes PHP. 
Certaines de ces extensions sont activees par defaut (gestion des bases de donnees 
MySQL ou SQLite...), alors que d'autres doivent l'etre manuellement avant leur usage 
(gestion des fichiers pdf ou encore des fichiers XSL...). Pour activer une extension, il 
suffit de faire un double clic sur l'extension desiree dans la liste proposee par le manager. 
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Figure 2-10 

La rubrique 
SQLiteManager du 
manager Wamp5 vous 
permet d'acceder au 
gestionnaire 
SQLiteManager de la 
base de donnees SQLite 
integree a PHP. 
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Figure 2-1 1 
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Figure 2-12 

La rubrique PHP 
extensions du manager 
Wamp5 vous permet 
d'activer oude 
desactiver une extension 
specifique de PHP. 
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Alias directories - permet de creer des repertoires alias pointant vers des ressources 
placees dans un emplacement different de la racine www (C:/wamp/www/ par defaut). Par 
exemple, si vous desirez creer un alias pointant sur des fichiers PHP places dans le reper- 
toire D:/www/SITEdemo, il suffit de creer un alias /SITEdemo/ configure comme indique 
dans la figure 2-13. Ainsi, si vous appelezl'URL http: //local host/SITEdemo/ dans votre 
navigateur, vous accederez aux fichiers situes dans le repertoire D:/www/SITEdemo et non a 
ceux du repertoire C:/wamp/www/SITEdemo/qui n'existe pas en realite. 

Apache - donne acces a un sous-menu d' administration du serveur Apache. Vous pourrez 
ainsi arreter le serveur (Stop Service) et le redemarrer (Restart Service). Ce sous-menu 
vous permet aussi de desinstaller puis d'installer un autre serveur Apache d'une version 
differente. 

MySQL - donne acces a un sous-menu d' administration du serveur MySQL. Vous pourrez 
ainsi arreter le serveur (Stop Service) et le redemarrer (Restart Service). Ce sous-menu 
vous permet aussi de desinstaller puis d'installer un autre serveur MySQL d'une version 
differente. 

Start Al 1 Servi ces - permet de demarrer tous les services en meme temps (soit les deux 
serveurs : Apache et MySQL). 

Stop All Services - permet d'arreter tous les services en meme temps (soit les deux 
serveurs : Apache et MySQL). 

Restart Al 1 Servi ces - permet de redemarrer tous les services en meme temps (soit les 
deux serveurs : Apache et MySQL). 
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Figure 2-13 

Exemple d'une 
configuration d'alias 
sur un repertoire situe a 
V emplacement 
D:\www\SITEdemo\ 




D'une version a I'autre 

Selon la version de Wamp5 et de votre systeme d'exploitation, les ecrans et les procedures detailles 
precedemment peuvent etre tres legerement differents. A titre d'exemple, nous avons utilise la version 1 .6 
de Wamp5 pour nos demonstrations ; si vous utilisez une version anterieure, le manager sera organise 
d'une autre facon. II n'en demeure pas moins que le fonctionnement de ces logiciels reste identique d'une 
version a I'autre, et que vous n'aurez pas de difficulty a adapter les procedures expliquees dans cet 
ouvrage. 



Test du serveur local 

Pour tester le bon fonctionnement du serveur Web et du moteur PHP, nous allons commencer 
par creer un premier script PHP a l'aide d'un simple editeur de texte. Ouvrez le bloc-notes de 
Windows en utilisant l'option Executer du bouton Demarrer (Executer>notepad) ou a partir du 
menu Programmes de ce meme bouton Demarrer (Programmes>Accessoires>Bloc-notes), et 
saisissez ensuite les trois lignes de code suivantes dans l'editeur (voir figure 2-14) : 



<?php 

echo "Bonjour, 

?> 



PHP fonctionne" 
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Figure 2-14 

Enregistrez votre 
premier script sous le 
nom bonjour.php en 
vous assurant que le 
type dufichier 
selectionne est bien 
Tons lesfichiers. 




Enregistrez ensuite ce fichier dans C:\wamp\www\SITEscore sous le nom bonjour.php, en 
prenant soin de selectionner le type Tous fichiers et en ajoutant l'extension .php au nom du 
fichier (voir figure 2-14. Attention, le repertoire SITEscore devra etre cree sous www lors de 
l'enregistrement). Ce meme repertoire sera utilise dans les chapitres suivants pour developper 
une petite application ; c'est pourquoi nous vous conseillons d'utiliser les memes conventions 
de nommage. De retour dans le bloc-notes, assurez-vous que le nom du fichier apparait bien 
dans la barre de titre de la fenetre (voir figure 2-15) puis fermez le bloc-notes. 



Figure 2-15 

Apres enregistrement du 
script, la barre de titre 
du Bloc-notes doit 
afficher bonjour.php. 



F bonjour.php BEoc-noles 



a»a 



Fichier 



£5wn Format Affichage 

<?php 

echo "bonjour, 



fonctionnel"; 






Ne jamais supprimer le fichier index.php de la racine www 

La page Web local qui s'affiche quand vous accedez au localhost par le manager de Wamp5, n'est ni plus 
ni moins que I'index.php qui se trouve a la racine « www ». Si vous tenez a conserver cette page qui affi- 
che les differents repertoires de vos sites, il faudra veiller a ne pas supprimer ce fichier. Enfin, cote organi- 
sation, nous vous conseillons de creer un repertoire different sur cette meme racine a chaque fois que 
vous ajouterez un nouveau site sur votre serveur local. Ainsi vous pourrez acceder a vos differents sites 
tres facilement depuis la page du Web local. 
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Ouvrez maintenant la page Web Local a partir du manager de Wamp5 (option local host du 
manager). Le repertoire SITEscore doit alors apparaitre en bas de cette page dans une rubrique 
nominee Vos projets (voir figure 2-16). Cliquez sur le lien SITEscore pour ouvrir une fenetre 
qui dresse la liste de tous les fichiers contenus dans ce repertoire : dans le cas present, nous 
retrouvons uniquement notre fichier bonjour.php (voir figure 2-17). 



Figure 2-16 

La page Web local 
permet d'acceder au 
repertoire SITEscore. 
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Figure 2-17 

Dans le repertoire 
SITEscore, nous 
retrouvons le fichier 
bonjour.php 
precedemment cree. 
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Si vous cliquez maintenant sur le fichier bonjour.php, vous envoyez une requete au serveur 
Apache pour ouvrir le fichier dans le navigateur. Si le serveur Web et le moteur PHP fonction- 
nent correctement, le message « Bonjour. PHP fonctionne » doit s'afficher dans le navigateur 
(voir figure 2-18). II est d'ailleurs interessant d'observer le code source envoye au navigateur 
en cliquant sur Source dans le menu Affichage (voir figure 2-19). On remarque alors que le 
code ne comporte plus les balises PHP ni l'instruction echo saisies lors de la creation du 
fichier (revoir figure 2-15), mais uniquement le message affiche dans le navigateur. En effet, 
lors de l'appel du fichier, celui-ci est d'abord execute par le moteur PHP du serveur Apache, 
et c'est la page resultante qui est ensuite envoyee au navigateur pour son interpretation finale 
(revoir le concept des sites dynamiques au chapitre 1, figure 1-6). 



Figure 2-18 

Lors de l'appel du 
fichier bonjour.php, le 
message d'accueil doit 
s'afficher dans le 
navigateur si le serveur 
fonctionne 
correctement. 
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Figure 2-19 

En observant le code 
source du fichier 
interprets par le 
navigateur, on remarque 
qu 'il ne comporte plus 
aucune trace 
d' instructions PHP. 
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Configuration du fichier php.ini 

Le fichier php.ini est le fichier qui permet de configurer de nombreux parametres et options d'execution 
de PHP. Ce fichier est lu a chaque demarrage du serveur Apache, il suffit done de redemarrer le serveur 
Apache pour que les nouvelles options soient prises en compte. Pour vos premiers tests, nous vous 
conseillons de I'utiliser avec ses options par defaut, mais, par la suite, vous pourrez facilement le modifier 
a I'aide du manager de Wamp5. Pour acceder a ce fichier, il suffit de cliquer sur I'option Conf i g f i 1 es 
du manager de Wamp5 puis de selectionner php.ini. Une fois ce fichier ouvert dans le Bloc-notes, vous 
decouvrirez un grand nombre de parametres accompagnes de nombreux commentaires qui vous guide- 
ront dans leur configuration. Parmi ces parametres, nous avons choisi de vous en presenter trois, dont il 
conviendra de verifier leur configuration : 

magi c_quote_gpc : s'il est initialise avec la valeur On, ce parametre permet de prefixer automatiquement 
par une barre oblique inverse (\) les apostrophes, les guillemets et le caractere nul 1 d'un texte envoye 
par un formulaire ou issu d'un cookie, avant de I'enregistrer dans la base MySQL. II evite d'avoir a utiliser 
les fonctions addSl ashes ( ) et stri pSl ashes ( ) a chaque insertion. Cependant, cette option est main- 
tenant deconseillee, car elle necessite de mettre en place une gestion differente des donnees selon leur 
origine, et entraine une legere baisse des performances du systeme. Vous pouvez cependant I'activer 
pour assurer la compatibilite avec d'anciens scripts. 

register_globals : s'il est initialise avec la valeur On, ce parametre permet d'utiliser les variables 
globales (variables simples comme $var1) lors d'un passage d'une variable d'une page a I'autre (GET) ou 
de la recuperation de la valeur d'un champ de formulaire (GET ou POST). Cette option est configuree par 
defaut a Off depuis la version 4.2 de PHP, ce qui contraint a utiliser les tableaux des variables serveur 
($_P0ST['varl'], $_GET['varl' ]...). Vous pouvez configurer ce parametre a On si vous utilisez des 
anciens scripts et que vous ne souhaitez pas les modifier. Cependant, nous vous conseillons vivement de 
laisser sa valeur a Off si vous developpez de nouveaux scripts, afin qu'ils soient exploitables quelle que 
soit la version de PHP. 

error^reporting : cette option peut etre parametree selon le niveau de controle de vos scripts, que 
vous desirez. Dans les dernieres versions de PHP, cette option est configuree par defaut avec la valeur 
E_ALL qui est le niveau maximal de controle. Avec ce parametrage, toutes les variables non initialisees 
provoqueront automatiquement un Warning (Undefined variable). Si vous desirez eviter ces 
Warnings frequents, vous pouvez remplacer la valeur actuelle par E_ALL & ~ E_N0TICE, mais I'ideal est 
bien sur de programmer proprement et d'initialiser toutes les variables avant de les utiliser. 



Gestionnaire de base de donnees (phpMyAdmin) 



Notion de base de donnees 

Sans entrer dans des explications avancees sur le fonctionnement d'une base de donnees, il est 
important de comprendre comment elle est structured et de connaitre la terminologie 
employee. Une base de donnees est constitute d' enregistrements qui regroupent un ensemble 
d' informations (ou champs) liees et traitees comme une entite unique. L'ensemble des enre- 
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gistrements partageant les memes champs s'appelle une table. Si on compare la table avec un 
tableau traditionnel, alors les colonnes du tableau sont les equivalents des champs de la table, 
et ses lignes peuvent etre comparees aux enregistrements de la table. Enfin, une base de 
donnees peut contenir plusieurs tables qui sont liees entre elles ou restent independantes. 



Figure 2-20 

Une table est constituee 

de champs et 
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Pour bien comprendre ce concept, nous vous proposons de l'illustrer par un exemple. L' appli- 
cation decrite se nomme SCORE ; elle a ete volontairement tres simplifiee, car elle sera reprise 
pour creer votre premiere base de donnees (score_db), puis exploitee pour illustrer les diffe- 
rentes fonctionnalites dynamiques de Dreamweaver 8 dans les chapitres suivants. Nous vous 
presentons ci-dessous son cahier des charges simplifie. 

Cahier des charges de I'application SCORE 

L'application SCORE sert au directeur d'une entreprise pour suivre en temps reel les resultats 
des ventes mensuelles de ses commerciaux. II peut aussi apprecier revolution du chiffre des 
agences auxquelles sont attaches les commerciaux et les classer selon differents criteres. 
Chaque commercial a un compte avec un acces privatif par Internet, qui lui permet de rensei- 
gner le resultat de ses ventes tous les mois. Un administrateur peut creer, modifier ou 
supprimer les comptes des commerciaux a partir d'ecrans d' administration accessibles en 
ligne. 

Cette application est structuree autour d'une base de donnees contenant trois tables, elles- 
memes constitutes des champs detailles ci-apres. 

Structure de la base de donnees score_db 

• Tabl e ventes - regroupe les champs des informations mensuelles sur les ventes realisees 
par chaque commercial (champs : ID, commerciauxID, mois, annee, resultat). 
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• Table commerciaux- regroupe les champs identifiant chaque commercial (champs : ID, 
nom, prenom, e-mail, agencesID). 

• Table agences - regroupe les champs caracterisant chaque agence (champs : ID, ville, 
secteur). 

Pour illustrer la notion de base de donnees, nous vous proposons d' analyser la table nominee 
ventes. Dans cette table, un premier champ (commerciauxID) permet d'identifier a quel 
commercial correspond le resultat enregistre, deux autres champs (moi s et annee) sont destines 
a memoriser le mois et l'annee et enfin, un dernier champ (resultat) oil nous retrouvons le 
montant du resultat mensuel. Cependant, il faut ajouter un champ supplemental (ID), qui a 
pour fonction d'identifier d'une maniere unique chaque enregistrement. Ce champ, obliga- 
toire dans toutes les tables, s'appelle la cle primaire, et sa valeur doit toujours etre differente 
d'un enregistrement a l'autre. La cle primaire est aussi souvent utilisee pour lier les tables 
entre elles. Dans notre cas, par exemple, le champ commerciauxID de la table ventes contient 
la meme valeur que la cle primaire ID d'un des commerciaux de la table commerci aux. Dans ce 
cas, le champ qui contient une copie de la cle primaire pour lier deux tables s'appelle une cle 
etrangere. Enfin, tous les mois et pour chaque vendeur, des donnees relatives a tous ces 
champs sont enregistrees dans la table ventes, et chaque ajout d'information constitue, dans 
la terminologie des bases de donnees, les enregistrements de la table (voir figure 2-21). 



Figure 2-21 

Structure de la base de 
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Base score db 



Table VENTES 



■ JI^RT,;- : 


I 


I 


to 


2003 


41)5(11) 


2 


A, 


10 


2003 


356O0 


y 


D~i 




10 


2003 


52 100 


4 l 


•n 




1! 


2003 


49200 


5 


3 




11 


2003 


45300 


6 


2 




II 


2003 


5310(1 

























Table COMMERCIAUX 







1 


Bcrtaut 


Launoc 


c 1 tbertaut#eyrolles.com 


.J— 


2 


Lassallc 


Jean 


j bailie:'** i^iVrJIi^vom 


Eh 




.i 


Chaiscnct 


be 


Ichassenfitiu-DSToJIts.Lti-ri 


l-j 




-1 


DuponcJ 


Maurice 


mrhipond^eyrolks.c«n 


2 


























Table AGENCES 


















1 


E ] ;ins 


ne-de-Frarice 






2 


Lilies 


Word 






3 


Marseille 


Sud 










Renne 


Oucst 















o 
U 



PHP/MySQL avec Dreamweaver 8 



Pour administrer une base de donnees MySQL, vous pouvez utiliser les commandes MySQL 
en ligne. Cependant ces commandes necessitent une connaissance avancee des requetes SQL, 
et les risques d'erreur sont relativement importants pour un programmeur debutant. L' autre 
solution est d' utiliser le gestionnaire phpMy Admin. 

phpMyAdmin, un gestionnaire de bases convivial 

phpMy Admin est une interface conviviale qui permet de gerer tres facilement une base de 
donnees, sans necessiter une connaissance avancee des requetes SQL. Le fait que l'interface 
soit developpee en PHP la rend parfaitement adaptee a l'utilisation conjointe d'une base 
MySQL et d'un moteur de scripts PHP. Elle peut done fonctionner directement sur le serveur 
Web et etre accessible par le biais d'un simple navigateur, ce qui explique sa presence sur la 
plupart des sites dynamiques distants (actuellement, phpMyAdmin est le gestionnaire de 
bases de donnees preconise par la majorite des hebergeurs proposant des serveurs qui pren- 
nent en charge MySQL/PHP). On peut ainsi creer avec la meme facilite des bases de donnees 
et des tables en local comme sur le serveur distant. 

Avec le gestionnaire de bases de donnees phpMyAdmin, vous pourrez rapidement : 

• creer et supprimer des bases de donnees ; 

• creer, copier, supprimer et modifier des tables ; 

• supprimer, editer et aj outer des champs ; 

• executer des requetes SQL ; 

• importer et exporter des donnees au format CSV ; 

• creer et exploiter des sauvegardes de tables. 

Presentation de l'interface de phpMyAdmin 

Comme nous l'avons explique precedemment, la suite logicielle Wamp5 integre aussi le 

gestionnaire phpMyAdmin. Pour acceder a l'ecran du gestionnaire, commencez par vous 

assurer que Wamp5 est bien actif (l'icone Wamp5 doit etre presente dans la zone d'etat et elle 

ne doit pas etre jaune ou rouge, mais etre entierement blanche), puis cliquez sur son icone pour n 

acceder au manager. Selectionnez ensuite 1 ocal host dans le menu contextuel. Le gestionnaire ^ 

doit alors s'ouvrir dans le navigateur. L'ecran d'accueil (voir figure 2-22) est partage en deux m 

parties : a gauche, une liste deroulante permet de selectionner la base de donnees desiree, alors © 

que la partie droite est utilisee pour creer une nouvelle base. En bas de l'ecran, doit etre affiche o 

un message en rouge qui vous rappelle que l'utilisateur principal (le root) est actuellement 

configure sans mot de passe et represente evidemment une faille de securite si ce serveur 

devait etre accessible de l'exterieur. Nous aurons l'occasion de detailler la procedure pour ra 

gerer les droits des utilisateurs dans une partie suivante. En attendant, nous ne modifierons pas g 

le parametrage du root, car nous nous limiterons a un usage local de la base de donnees. n 



o 



Environnement de developpement 



Chapitre 2 



Figure 2-22 

L'ecran d'accueil du 
gestionnaire de bases de 
donnees phpMyAdmin 
propose de creer une 
nouvelle base en 
indiquant son nom dans 
le champ central, cm de 
la selectionner dans la 
liste deroulante de 
gauche si elle existe 
dejd. 
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Pour ceux qui desirent passer directement a ('utilisation de Dreamweaver 

La partie suivante traite des fonctions qui vous permettent de creer, modifier ou supprimer une base de 
donnees et ses elements (tables, champs, enregistrements...) grace a phpMyAdmin. Nous indiquerons 
aussi la procedure pour configurer un compte utilisateur et comment definir ses droits pour acceder a une 
base de donnees depuis des pages dynamiques. Ces connaissances vous seront indispensables lors de 
I'elaboration de votre propre base de donnees par la suite ; cependant, si vous desirez etudier cette partie 
plus tard, vous pouvez passer directement a I'utilisation de Dreamweaver. Dans ce cas, pour pouvoir reali- 
ser les demonstrations dans Dreamweaver qui utilisent la base de Implication SCORE, il faut restaurer la 
sauvegarde de la base de donnees (score_db . sql ) disponible sur le site de I'editeur www.editions-eyrol- 
les.com, pour I'installer sur votre serveur MySQL (voir procedure de restauration d'une base a la fin de 
cette partie). De meme, si vous ne creez pas le compte de I'utilisateur score comme indique dans cette 
partie, vous pouvez quand meme configurer une connexion a la base (dans Dreamweaver) en utilisant le 
compte preconfigure par defaut (remplacer dans ce cas le nom de I'utilisateur score par root et ne pas 
mettre de mot de passe). 
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Si on observe les choix proposes dans la liste des bases (menu deroulant de gauche), on 
decouvre quatre bases par defaut : 

• information_schema : c'est une base de donnees qui stocke toutes les informations a 
propos des autres bases que le serveur MySQL entretient. Dans cette base, il existe 
plusieurs tables en lecture seule. 
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• mysql : la base mysql est tres importante car elle contient toutes les tables qui permettent 
de configurer et de gerer les differents droits des utilisateurs pour acceder aux autres 
bases de donnees du serveur (nous verrons a la fin de ce chapitre comment creer et confi- 
gurer un compte utilisateur pour pouvoir avoir acces a la base MySQL depuis vos scripts 
dynamiques). II ne faut done jamais supprimer cette base sous peine de ne plus pouvoir 
utiliser le serveur MySQL. 

• phpmyadmin : la base de donnees phpmyadmin (a ne pas confondre avec le gestionnaire lui- 
meme : « phpMy Admin ») permet, entre autres, de creer des documents PDF a partir des 
tables MySQL ou encore de gerer l'authentification de multiple utilisateurs par cookies... 

• test : la base test est une base secondaire sans table destinee uniquement a realiser des 
essais de connexion. 

Soyez rassure, dans le cadre de cet ouvrage, vous n'aurez pas a gerer ces differentes bases. Par 
contre, nous utiliserons souvent ce menu pour acceder a la base de donnees utilisateur que 
nous allons creer dans la partie suivante (score_db). 



Soyez prudent dans la modification des donnees... 

Hormis la base de donnees test, les trois autres bases installees par defaut sont tres importantes dans 
le fonctionnement du serveur de base de donnees. Aussi, nous vous conseillons d'etre tres prudent si 
vous desirez modifier le contenu d'une de ces trois bases, car une mauvaise manipulation risque de 
rendre inoperant votre serveur MySQL. 



Creation d'une base de donnees 

Pour vous initier a l'utilisation de phpMy Admin, vous allez creer une petite base de donnees 
en reprenant l'exemple de l'application SCORE presentee precedemment. Cette premiere base 
est tres simple et comporte seulement trois tables. 

Definition du type de chaque champ 

Pour chaque table, il faut prealablement designer le type de chacun de ses champs. Pour illus- 
trer ce choix, nous avons utilise la table ventes, pour laquelle nous avons detaille la nature et 
la taille des cinq champs qu'elle contient (il convient d'en faire autant avec les autres tables 
avant de determiner le type de chaque champ) : 

• ID - identifiant de l'enregistrement (cle primaire) : nombre entier positif ; 

• commerciauxID - identifiant du commercial (correspond a la cle primaire de la table 
commerciaux) : nombre entier positif ; 

• moi s - mois relatif a l'enregistrement : numero du mois (de 1 a 12) ; 

• annee - annee relative a l'enregistrement : 4 chiffres au format de l'annee ; 

• resul tat - montant du resultat mensuel : nombre de 10 chiffres avec 2 decimales. 
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Dans la terminologie des bases de donnees, on distingue trois grandes families de types de 
champs : 

• type numerique (entier ou decimal) ; 

• type texte (chaine de caracteres) ; 

• type date et heure. 

Pour chacune de ces families, il existe un nombre important de types de donnees, dont vous 
trouverez la liste en annexe. Le choix du type de donnees au sein d'une meme famille est 
important pour l'optimisation de la base, car il determine le meilleur compromis entre les 
valeurs necessaires et l'espace memoire utilise. Pour notre premiere base, nous nous limite- 
rons a l'utilisation des principaux types qui sont resumes dans les tableaux ci-dessous : 

Tableau 2-1 - Principaux types de champs numeriques 



Type 


options* (en maigre) 

et parametres* 
obligatoires (en gras) 


Taille 

memoire 

(en octets) 


Description 


TINYINT 


(M) 
UNSIGNED 


1 


Entier entre et 255 en non signe (UNSIGNED) et -1 28 
et +127 en signe (sans option). 


SMALLINT 


(M) 
UNSIGNED 


2 


Entier entre et 65 535 en non signe (UNSIGNED) et 
-32 768 et +32 767 en signe (sans option). 


INT 


(M) 
UNSIGNED 


4 


Entier entre et 1 6 777 21 5 en non signe (UNSIGNED) 
et -8 388 608 et +8 388 607 en signe (sans option). 


DECIMAL 


(M,D) 


M 


Nombre signe enregistre sous forme de chaine de 
caracteres. 



(*) Definition des options et des parametres obligatoires : 

(M) indique le nombre maximal de chiffres, avec une limite a 255. 

(M,D) indique le nombre maximal de caracteres et le nombre de decimales affichees. 

UNSIGNED indique qu'il s'agit d'un nombre positif. Dans ce cas, il n'y a pas de bit de signe et la valeur positive 

maximale est plus importante. 



Tableau 2-2 - Principaux types de champs de texte 



o. 

c 

O 



Type 


options* (en maigre) 

et parametres* 
obligatoires (en gras) 


Taille 

memoire 

(en octets) 


Description 


CHAR 


(M) 

BINARY 


M<256 


Chaine de caracteres d'une longueur fixe de M 
caracteres. 


VARCHAR 


(M) 

BINARY 


L+1 


Chaine de caracteres d'une longueur variable limitee a M 
caracteres. La longueur reelle de la chaine est L (L<256). 


TEXT 




L+2 


Texte de 1 a 65 535 caracteres. La longueur reelle du 
texte est L (L<65 536). 
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Tableau 2-2 - Principaux types de champs de texte (suite) 



Type options* (en maigre) Taille 

et parametres* memoire 

obligatoires (en gras) (en octets) 

ENUM 'valeurV, 'valeur2... 



Description 



Enumeration de valeurs avec un maximum de 65 535 
valeurs differentes. 



(*) Definition des options et des parametres obligatoires : 

(M) indique le nombre maximal de chiffres, avec une limite a 255. 

BINARY indique que la chaine de caracteres sera sensible a la casse dans les operations de comparaison et de tri 

(option a utiliser avec precaution). 



Tableau 2-3 - Principaux types de champs dates et heures 



Type 


options* (en maigre) 

et parametres* 
obligatoires (en gras) 


Taille 

memoire 

(en octets) 


Description 


DATETIME 




8 


Date au format AAAA-MM-JJ HH:MM:SS 

de 1000-01-01 00:00:00 a 9999-1 2-31 23:59:59 


TIME 




3 


Heure au format HH:MM:SS 
de -838:59:59 a 838:59:59 


DATE 




3 


Date au format AAAA-MM-JJ 
de 1000-01-01 a 9999-12-31 


YEAR 




1 


Annee au format AAAA 
de1901 a 21 55 



A partir de ces informations, il faut maintenant attribuer a chaque champ des trois tables de la 
base, le type de donnee qui lui correspond le mieux selon les exigences formulees dans le 
cahier des charges. 

Les trois tableaux ci-apres indiquent les choix qui ont ete realises pour 1' application SCORE : 

Tableau 2-4 - Types des champs de la table ventes 



Norn du champ 


Type 


Table ventes de la base score_db 
Taille/Valeurs Description 


ID 


SMALLINT 




Petit entier (max 65 535 en UNSIGNED). 
Identifiant : cle primaire de la table. 


commerciauxlD 


TINYINT 




Tres petit entier (max 255 en UNSIGNED). 


mois 


TINYINT 




Nous indiquerons les differents mois dans un format 
numerique (1, 2, 3,. ..12). Le type TINYINT convient done 
aussi pour ce champ. 


annee 


YEAR 




Format Annee. 


resultat 


DECIMAL 


10,2 


Nombre decimal de 1 chiffres max dont 2 apres la virgule. 
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Tableau 2-5 - Types des champs de la table commerciaux 



Nom du champ 


Type 


Table commerciaux de la base score db 
Taille/Valeurs Description 


ID 


TINYINT 




Tres petit entier (max 255 en UNSIGNED). 
Identifiant : cle primaire de la table. 


nom 


VARCHAR 


50 


Chaine de 50 caracteres maximum. 


prenom 


VARCHAR 


50 


Chaine de 50 caracteres maximum. 


email 


VARCHAR 


100 


Chaine de 100 caracteres maximum. 


agencesID 


TINYINT 




Tres petit entier (max. 255 en UNSIGNED). 


Tableau 2-6 - Types des champs de la table agences 


Nom du champ 


Type 


Table agences 
Taille/Valeurs 


de la base score_db 

Description 


ID 


SMALLINT 




Petit entier (max 65 535 en UNSIGNED). 
Identifiant : cle primaire de la table. 


ville 


VARCHAR 


50 


Chaine de 50 caracteres maximum. 


secteur 


VARCHAR 


50 


Chaine de 50 caracteres maximum. 
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Creation de la base de donnees avec phpMyAdmin 

Une fois le choix des types de champs realise, nous pouvons commencer la creation de la base dans 
phpMyAdmin. Dans la zone de saisie du centre, saisissez le nom de la nouvelle base, score_db, 
puis cliquez sur le bouton Creer (voir figure 2-23). Le nom de la nouvelle base doit alors s'afficher 
dans le cadre de gauche avec la mention « Aucune table n'a ete trouvee dans cette base ». 

Creation d'une table avec phpMyAdmin 

Dans le cadre de droite, saisissez le nom de la table a creer (ventes, par exemple, pour la 
premiere table de la base score_db), renseignez le nombre de champs (5 pour notre exemple) 
puis cliquez sur le bouton Executer (voir figure 2-24). L'ecran suivant est un formulaire destine 
a renseigner les noms, types et parametres des champs a creer (voir figure 2-25). Pour chaque 
champ a definir, reportez dans les colonnes Champs, Type et Tai 1 1 e/Val eurs de ce formulaire les 
informations donnees precedemment (voir le tableau 2-4 pour notre exemple). Considerons que 
tous les champs sont indispensables et laissons les informations de la colonne nul 1 de chaque 
champ avec l'option not nul 1 . II faut ensuite indiquer que le champ I D fait office de cle primaire 
et cocher a cet effet la case primai re a l'extreme droite du formulaire. D'autre part, afin que les 
donnees de ce champ soient toujours differentes (une cle primaire doit toujours etre unique), 
nous selectionnerons l'option auto_increment dans la liste deroulante de la colonne extra (le 
compteur est automatiquement incremente a chaque ajout d'un nouvel enregistrement). Mainte- 
nant il ne reste plus qu'a cliquer sur le bouton Sauvegarder pour creer cette nouvelle table. 
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Figure 2-23 

L'ecran d'accueil de phpMyAdmin vous invite a saisir le nom d'une nouvelle base. 
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Figure 2-24 

Powr creer wne nouvelle table, ilfaut commencer par indiquer son nom et le nombre de champs quelle contient. 
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Figure 2-25 

Toutes les informations 
relatives a la nouvelle 
table doivent etre 
renseignees dans ce 
formulaire. 
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Si vous n'avez pas fait d'erreur, un nouvel ecran indique la requete SQL produite automatique- 
ment par phpMy Admin, ainsi qu'un tableau recapitulatif des proprietes de la nouvelle table (voir 
figure 2-26). II convient ensuite de renouveler cette procedure pour la creation des deux autres 
tables (en utilisant les informations des tableaux 2-5 et 2-6), afin que la structure de la base de 
donnees s core_db soit complete. Pour cela, il faudra revenir a F ecran correspondant a la premiere 
etape de la procedure de creation d'une table en cliquant sur le nom de la base score_db dans le 
cadre de gauche (voir figure 2-27). Dans le cadre de droite, vous retrouvez les deux champs de 
creation d'une nouvelle table, dans lesquels vous indiquez maintenant commerci aux pour le nom 
de la table, et 5 pour le nombre de champs. Au terme de la creation de cette deuxieme table, vous 
procederez de la meme maniere avec la derniere table agences, qui ne contient que trois champs 
(voir les formulaires de creation de ces deux tables, figures 2-28 et 2-29). 
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Figure 2-26 

Apres validation, un tableau recapitulatif des proprietes de la nouvelle table creee s'affiche a V ecran. 
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Lien de retour vers la base a retenir... 

Si par la suite vous vous perdez dans les differents ecrans de phpMyAdmin, souvenez-vous simplement 
qu'un die sur le lien portant le nom de la base de donnees sur laquelle vous travaillez (ce lien est situe en 
haut de chaque ecran : voir figure 2-26) vous permettra de revenir a I'ecran central qui affiche toutes les 
tables de la base et toutes les actions que Ton peut effectuer sur chacune d'entre elles. 
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Figure 2-27 

Apres la creation de la premiere table ventes, suivez la mime procedure pour creer les deux autres tables de la 
base. 
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Figure 2-28 

Formulaire de creation de la table commerciaux. 
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Figure 2-29 

Formulaire de creation de la table agences. 



Insertion d'enregistrements avec phpMyAdmin 

Afin d'ajouter quelques enregistrements dans les nouvelles tables, nous allons utiliser la fonc- 
tion Inserer de phpMyAdmin (par la suite, avec Dreamweaver, nous developperons des 
formulaires dedies a l'ajout d'enregistrements qui seront accessibles dans l'espace adminis- 
trateur du site SCORE). Pour illustrer la procedure, nous allons detailler les etapes d'ajout 
d'enregistrements dans la table commerciaux. Vous pourrez ensuite suivre la meme methode 
pour remplir la table agences. En ce qui concerne la table ventes, nous la laisserons vide dans 
un premier temps ; elle sera completee ulterieurement directement avec 1' interface de gestion 
des commerciaux integree au site. 

Commencez par cliquer sur le nom de la base (score_db) dans le cadre de gauche. Dans la 
partie droite, vous devez obtenir un tableau recapitulatif des tables presentes dans la base (voir 
figure 2-30). Sur la meme ligne que la table concernee, plusieurs actions sont proposees. Ces 
actions sont reperees par differentes icones et par une information bulle qui s'affiche si vous 
laissez le curseur de votre souris immobile sur ces icones. Par la suite, nous identifierons 
toujours une action par ce libelle afin d'eviter toute confusion : 

• Af f i cher - pour afficher tout le contenu de la table et done ses differents enregistrements 
(pas encore actif car la table est vide) ; 

• Sel ectionner - pour afficher une selection de champs selon certains criteres (pas encore 
actif car la table est vide) ; 

• Inserer - pour inserer un nouvel enregistrement dans la base ; 

• Proprietes - affiche les proprietes de la base dans un tableau. A utiliser si on desire 
modifier la structure de la table (ajouter ou supprimer des champs...) ; 

• Supprimer - pour supprimer completement la table et son contenu ; 
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Vider - pour vider uniquement le contenu de la table (et done tous les enregistrements 
qu'elle contient), en conservant sa structure. 
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Figure 2-30 

Powr chaque table de la base, vouspouvez rapidement realiser des actions : diquez simplement sur le lien en 
rapport avec Faction se trouvant sur la meme ligne que le nom de la table. 



Dans notre cas, nous desirons ajouter un enregistrement a la table commerciaux (pour les 
valeurs a saisir dans les champs, nous vous suggerons de prendre le premier enregistrement 
indique dans le tableau 2-7 ci-apres). Nous allons done cliquer sur le lien Inserer, sur la 
meme ligne que le nom de la table (voir figure 2-30). Un formulaire de saisie pour chaque 
champ s'affiche alors dans le cadre de droite (voir figure 2-31). Ne saisissez pas de valeur 
dans le premier champ ID puisqu'il est increments automatiquement. Saisissez ensuite les 
valeurs dans les autres champs, comme indique sur la figure 2-3 1 (il est conseille de saisir les 
memes valeurs afin d'obtenir par la suite des resultats identiques a ceux des visuels de cet 
ouvrage). Cliquez ensuite sur Executer pour enregistrer vos donnees. 

Apres F enregistrement, un message apparait, qui indique le nombre d' enregistrements 
inseres, et rappelant la requete SQL produite automatiquement par phpMyAdmin pour effec- 
tuer cette action (voir figure 2-32). Vous pouvez aussi observer sur ce meme ecran que le 
nombre d' enregistrements indique en rapport avec la table commerci aux est maintenant de 1 et 
que les liens Afficher et Selectionner sont desormais actifs. 

Afin de pouvoir manipuler plusieurs enregistrements dans la suite des demonstrations, nous 
vous suggerons de saisir dans les tables commerciaux et agences les enregistrements des 
tableaux 2-7 et 2-8, en suivant la meme demarche que precedemment. Au terme de ces enre- 
gistrements, vous devez obtenir un ecran semblable a celui de la figure 2-33. Si vous cliquez, 
par exemple, sur Taction Afficher pour voir le contenu de la table commerciaux, la liste des 
agences devrait s'afficher comme sur la figure 2-34. 
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Figure 2-31 

he formulaire 
d' insertion de 
phpMyAdmin 
permet d'ajouter 
directement des 
enregistrements 
dans la table. Le 
champ de la de 
primaire ID etant 
auto-incremente, 
iln'estpas 
necessaire de 
saisir une valeur 
dans sa cellule. 
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Figure 2-32 

Des que la table contient au moins un enregistrement, tous les liens des actions sur la table deviennent 
disponibles. 
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Tableau 2-7 - 


- Exemples d 


enregistrements a saisir dans la 


table commerciaux 


ID 


Norn 


Prenom 


email 


agencelD 


1 


Bertaut 


Laurence 




lbertautt@eyrolles.com 


1 


2 


Lassalle 


Jacques 




jlassalle@eyrolles.com 


4 


3 


Chassenet 


Luc 




lchassenet@eyrolles.com 


3 


4 


Dupond 


Maurice 




mdupond@eyrolles.com 


2 





Tableau 2-8 - Exemples d'enregistrements a saisir dans la table agences 


ID 


ville secteur 


1 


Paris lle-de-France 


2 


Lille Nord 


3 


Marseille Sud 
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Rennes Quest 
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Figure 2-33 

Apres avoir enregistre toutes les valeurs des tableaux 2-8 et 2-9, les deux tables commerciaux et agences 
devraient afficher un total de quatre enregistrements chacune. 



Modification d'un enregistrement 

Dans le cas d'une erreur de saisie, il est possible de modifier un enregistrement de la base. 
Pour cela, cliquez sur le lien Af f i cher de la table commerci aux par exemple (voir figure 2-33). 
Un ecran affichant les differents enregistrements de la table apparait (voir figure 2-34). Deux 
actions sont alors disponibles pour chaque enregistrement : 
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Figure 2-34 

L' action Afficher permet de prendre connaissance du contenu des enregistrements de chaque table, d'afficher le 
contenu d'une table, et de modifier ou supprimer I'm de ses enregistrements. 

• Modi f i er - permet d'afficher de nouveau un formulaire de saisie et de modifier le contenu 
d'un enregistrement. 

• Ef facer - efface completement 1' enregistrement concerne de la table. 

Dans notre exercice, nous allons cliquer sur le lien Modifier en face du nom Lassal le. Dans 
l'ecran qui s'affiche (voir figure 2-35), vous devez retrouver le meme masque de saisie que 
lors de 1' enregistrement initial (revoir figure 2-31), hormis le fait que les valeurs des champs 
sont deja initialisers. Au passage, remarquez que le champ ID de la cle primaire a ete initialise 
automatiquement a 2 lors de 1' enregistrement precedent grace a sa propriete d' auto-incremen- 
tation. II ne reste plus maintenant qu'a modifier la valeur erronee puis valider en cliquant sur 
le bouton Executer. Pour l'exemple nous allons saisir une nouvelle valeur dans le champ 
Prenom (saisir Oean au lieu de Jacques). Le tableau d'affichage du contenu de la table doit 
maintenant tenir compte de cette modification (voir figure 2-36). 

Modification des proprietes d'une table 

Pour modifier les proprietes d'une table (ajout ou suppression d'un champ par exemple), nous 
allons revenir sur l'ecran d'affichage des tables en cliquant sur le nom de la base, score_db, 
dans le cadre de gauche (revoir figure 2-33). Parmi les actions disponibles pour chaque table, 
nous allons maintenant utiliser le lien Proprietes (pour l'exemple, cliquez sur le lien 
Proprietes de la table commerciaux). 
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Figure 2-35 

Dans la procedure de modification d'un enregistrement, nous retrouvons le meme formulaire que celui utilise lors 
de Vinsertion d'un enregistrement. 
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Figure 2-36 

A/j/^5 /« modification d'une valeur dans un enregistrement, celle-ci doit apparaitre dans le tableau d'affichage 

des enregistrements de la table. 
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Figure 2-37 

L'ecran des proprietes de la table permet de selectionner I 'action a realiser et le champ concerne. 



O- 

C 

o 



Modification ou suppression d'un champ 

L'ecran des proprietes (voir figure 2-37) permet d'intervenir sur les caracteristiques de 
chaque champ de la table. Pour cela, il faut utiliser les icones des liens actifs a droite du champ 
a modifier. 

Vous trouverez ci-dessous les differentes fonctions de ces liens : 

• Modi f i er - permet de modifier les caracteristiques d'un champ ; 

• Supprimer - permet de supprimer completement le champ concerne de la table ; 

• Primai re - definit le champ concerne comme cle primaire de la table ; 

• Index - definit le champ concerne comme une cle d'index. Une cle d'index permet 
d'augmenter les performances d'un tri ou d'une recherche si le champ est utilise comme 
critere ; 

• Unique - impose que le champ concerne prenne une valeur differente pour chacun des 
enregistrements. 

• Texte enti er - permet l'indexation et la recherche sur l'ensemble d'un champ contenant 
un texte (FULLTEXT). Les index FULLTEXT sont utilises avec les tables My ISAM et peuvent etre 
crees pour des colonnes de types CHAR, VARCHAR, ou TEXT. 
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Pour illustrer une de ces actions, nous allons cliquer sur le lien Modifier situe sur la ligne du 
champ Prenom de la table commerci aux. La modification consiste a rendre ce champ facultatif : 
selectionnez nul 1 dans la colonne du meme nom (voir figure 2-38), puis cliquez sur le bouton 
Sauvegarder pour enregistrer votre modification. 
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Figure 2-38 

Le formulaire de modification des proprietes d'un champ vous permet d'intervenir facilement sur ses differents 
attributs. 



Ajout d'un champ 

En cas d'ajout d'un nouveau champ a une table, il faut utiliser les deux zones prevues a cet 
effet en bas de la partie droite (voir figure 2-39). Apres avoir indique le nom des champs a 
ajouter et leur position dans la base par rapport aux champs actuels, vous accederez a un 
formulaire semblable a celui de la creation initiale d'une table, qu'il convient de valider apres 
1' avoir renseigne. 



Configuration des droits d'un utilisateur 

Fonctions des tables de la base mysql 

Les droits des utilisateurs du serveur MySQL sont definis dans la base mysql . Chaque table de 
cette base permet de configurer des droits d'acces, plus ou moins restreints, aux donnees pour 
un utilisateur specifique (voir figure 2-40). 

Si vous selectionnez la base mysql dans le menu deroulant de l'accueil, la liste de ses tables 
apparait dans le cadre de gauche, et les actions disponibles sur chacune de ces tables dans le 
cadre de droite. 

Le tableau 2-9 indique les fonctions de ces differentes tables : 



© 

CO 

o 
o 

O 



Lors de 1' installation, MySQL cree toujours un utilisateur root sans mot de passe, qui a tous 
les droits sur toutes les bases. Dans le contexte d'une utilisation en local avec Wamp5 (pour 
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Figure 2-39 

Powr acceder aufonmdaire d'ajout de champ, vous devez utUiser la rubrique Ajouter un champ en has du cadre 
de droite. 



Table 
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db 

host 

tables_priv 

user 



Tableau 2-9 - Fonctions des tables de la base mysql 

Fonctions 

Stocke les droits d'acces d'un utilisateur sur les colonnes d'une table. 

Stocke les droits d'acces d'un utilisateur sur une base de donnees. 

Permet de restreindre les droits en cas de connexion a partir d'un ordinateur particulier. 

Stocke les droits d'acces d'un utilisateur sur les tables d'une base de donnees. 

Stocke les utilisateurs, leur mot de passe et les droits d'acces globaux. 



le developpement de votre application par exemple), cela n'est pas dangereux. En revanche, 
sur un serveur distant, le mot de passe de l'utilisateur root dans la table user doit toujours etre 
renseigne (voir figure 2-41). 

Nous pourrions tres bien configurer les droits d'un utilisateur directement dans les tables de 
la base mysql, cependant phpMyAdmin met a votre disposition un assistant de creation 
d'utilisateur que nous allons detailler dans la section suivante. 
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Figure 2-40 

Les droits des utilisateurs peuvent etre definis a differents niveaux du serveur de base de donnees. Les tables de la 
base mysql permettent de configurer ces parametres pour chaque utilisateur. 
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Figure 2-41 

Par defaut, la table user est preconfiguree avec I 'utilisateur root sans mot de passe. 

Creation d'un utilisateur MySQL en mode assiste 

Vous allez maintenant creer un nouvel utilisateur et parametrer ses droits en configurant un 
compte utilisateur score pour acceder exclusivement a la base score_db (voir figure 2-42). 
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Les parametres de ce compte seront repris par la suite pour configurer la « connexion a la 
base » utilisee dans vos scripts PHP. Nous vous conseillons done d' employer les valeurs 
suggerees, afin d'eviter toute erreur de configuration par la suite. 



Figure 2-42 

Schema de principe du 
contrdle d'acces d'un 
utilisateur score a la 
base score db. 



Ordinateur de developpement (localhost) 



Serve ur MySQL 



Base mysql 



Table USER 




Base score_db 
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Table AGENCES 
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Acces au serveur MySQL : 
(Table USER) 

host ! locarhojt 
user : score 

p as ■; wo -d : 1 234 

droitsg[obaux:aucuri 




Accds ^ la base score_db : 
(Table DB) 

host : iocvilhtm 

db;sco?e_db 

user : score 

droits sur la base:tous saufsupp.base 



Le compte root par defaut 

Si vous ne creez pas de compte utilisateur, vous pourrez quand meme configurer une connexion a la base 
en utilisant le compte root preconfigure par defaut dans MySQL (dans ce cas, il faut remplacer dans le 
fichier de connexion le nom de I'utilisateur par root et ne pas indiquer de mot de passe). Attention ! 
L'usage de ce compte root sans mot de passe est evidemment limite a un usage local. Vous devez impe- 
rativement vous assurer que tous les comptes mysql possedent bien un mot de passe si votre base de 
donnees doit etre reliee a Internet. 
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Placez-vous dans la page d'accueil du gestionnaire - selectionnez par exemple (Base de 
donnees ) dans le menu de selection des bases de donnees situe a gauche - puis cliquez sur le 
lien Pri vi 1 eges (voir figure 2-43). 
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Figure 2-43 

Le lien Privileges de I 'ecran d 'aecueil de phpMyAdmin permet d'acceder a I 'assistant de creation d 'un 
utilisateur. 



Dans la nouvelle fenetre, cliquez sur le lien Ajouter un utilisateur situe en dessous du 
tableau des utilisateurs (voir figure 2-44). 
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Figure 2-44 

Of ecran affiche les utilisateurs existants de votre base de donnees. En diquant sur le lien Creer un utilisateur, 
vous pouvez acceder auformulaire d'ajout d'un nouvel utilisateur. 
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Entrez le nom d'utilisateur score et selectionnez 1 ocal host dans le menu deroulant Serveur. 
Saisissez ensuite deux fois le mot de passe correspondant a cet utilisateur (soit eyrol 1 es dans 
notre exemple) et cliquez sur le bouton Executer sans accepter d'autre option (voir 
figure 2-45). A noter que si vous validiez un droit a ce niveau (privileges globaux), cela 
permettrait a l'utilisateur de l'exploiter sur toutes les bases du serveur MySQL, et non exclu- 
sivement sur la base score_db. 
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Figure 2-45 

Pour ajouter un nouvel utilisateur, U suffit d'indiquer son nom, son serveur (en general localhost) et son mot de 
passe. 



Apres validation, un ecran vous informe que le nouvel utilisateur score@l ocal host (c'est-a- 
dire l'utilisateur score depuis un acces 1 ocal host) a bien ete cree et vous propose de modifier 
eventuellement ses attributions. Un peu plus bas, dans le meme ecran de confirmation, se 
trouve une rubrique intitulee Privileges specifiques a une base de donnees. Selectionnez 
la base score_db dans le menu deroulant (voir figure 2-46) pour acceder automatiquement au 
formulaire d'ajout d'un privilege d'acces a la base score_db. 
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Figure 2-46 

Apr&s / 'enregistrement du nouvel utilisateur, le gestionnaire affiche un ecran de confirmation qui indique que 
I'utilisateur score@localhost abien ete ajoute a la table users. En dessous du formulaire des privileges globaux, 
un menu deroulant permet de selectionner une base de donnees existante pour accorder des privileges specifiques 
a I 'utilisateur score. 



Cochez les droits que vous desirez affecter a I'utilisateur pour la base concernee (par exemple 
autorisez tous les droits relatifs aux donnees et a la structure, mais pas a 1' administration) puis 
validez en cliquant sur le bouton Executer (voir figure 2-47). 

Les droits de I'utilisateur score sont desormais configures pour acceder exclusivement a la 
base score_db. Si vous consultez ensuite la vue d'ensemble des utilisateurs (cliquez sur 
l'onglet Privileges), vous constatez qu'un nouvel utilisateur score s'affiche (voir 
figure 2-48). 



Sauvegarde et restauration d'une base de donnees 

II est toujours recommande de faire une sauvegarde de secours de ses programmes, et il en est 
de meme pour les bases de donnees. Cependant, la demarche est quelque peu differente, car 
nous n'allons pas copier un simple fichier, mais enregistrer les requetes MySQL qui ont ete 
utilisees pour creer la structure de la base, et eventuellement celles qui ont permis d'inserer 
des enregistrements dans les tables. Ces requetes, une fois enregistrees dans un fichier, pour- 
ront ensuite etre utilisees dans phpMy Admin pour recreer a l'identique la base sauvegardee. 
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Figure 2-47 

Le tableau des privileges specifiques a une base de donnees permet de definir un droit d'acces a une base 
specifique. 
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Sauvegarde 

Passons maintenant a la pratique. Pour cela, nous allons commencer par nous assurer que la 
base a sauvegarder est bien selectionnee dans la liste deroulante de gauche (voir figure 2-49). 
Dans la partie droite, nous allons cliquer sur l'onglet Exporter situe en haut de l'ecran. La 
nouvelle page de droite contient plusieurs cadres. Le premier, intitule Exporter, permet de 
selectionner les tables a exporter et le format d' exportation (dans notre cas, nous choisirons 
toutes les tables et conserverons le format SQL initialise par defaut). 

Le second cadre, appele Options SQL, nous permettra d'ajouter un DROP TABLE (cochez 
pour cela 1' option portant le meme nom) qui supprimera automatiquement les anciennes 
tables de la base avant d'y inclure les nouvelles, evitant ainsi la generation d'un message 
d'erreur si une table de meme nom existait deja. C'est aussi dans ce meme cadre que Ton 
pourra choisir d' exporter la structure, les donnees ou les deux ensembles (dans notre cas, nous 
validerons les deux). Le troisieme cadre, denomme Transmettre, nous permettra d'indiquer 
que nous desirons generer un fichier (cliquez pour cela dans la case a cocher intitulee Trans- 
mettre) et de choisir le type de compression a utiliser - prendre l'option aucune dans notre cas 
(voir figure 2-49). 
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Figure 2-48 

Dans la vue a" ensemble des utilisateurs, on constate que Vutilisateur score est desormais configure. 



Tableau 2-10 - Liste de quelques privileges globaux de I'utilisateur score avec leur 
description et la valeur correspondant a I'exemple 



Champ 


Exemple de valeur 


Description 


Host 


localhost 


Norn de I'ordinateur a partir duquel I'utilisateur se connecte a la base. 
(En general, si les scripts qui envoient les requetes a la base se 
trouvent sur le meme ordinateur que la base, on utilise 1 ocal host.) 


User 


score 


Norn de I'utilisateur. 


Password 


eyrolles 


Mot de passe utilisateur (peut etre crypte si on selectionne la fonction 
PASSWORD). 


Select_priv 


N 


Droit d'effectuer des recherches (avec SELECT). 


lnsert_priv 


N 


Droit d'effectuer des insertions (avec INSERT). 


Update_priv 


N 


Droit d'effectuer des mises a jour (avec UPDATE). 


Delete_priv 


N 


Droit d'effectuer des destructions (avec DELETE). 


Create_priv 


N 


Droit de creer des bases ou des tables. 


Drop_priv 


N 


Droit de detruire des bases ou des tables. 


Reload_priv 


N 


Droit administrateur qui permet d'ecrire sur disque des tables de la 
base mysql. 


Shutdown_priv 


N 


Droit administrateur pour arreter le serveur MySQL. 


Process_priv 


N 


Droit administrateur pour controler les processus utilisateur. 


File_priv 


N 


Droit d'ecrire ou de lire dans des fichiers 
(avec LOAD DATA et INTO OUTFILE). 
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Tableau 2-10 - Liste de quelques privileges globaux de I'utilisateur score avec leur 
description et la valeur correspondant a I'exemple (suite) 



Champ 


Exemple 


de valeur 


Description 


Grant_priv 


N 




Permet a I'utilisateur d'accorder a d'autres utilisateurs les droits que 
lui-meme possede. 


References_priv 


N 




Droit lie aux cles etrangeres (FOREIGN KEY). 


lndex_priv 


N 




Droit de creer ou de detruire des index. 


Alter_priv 


N 




Droit de modifier une table. 



Tableau 2-11 - Liste de quelques privileges specif iques a la base score db avec leur 
description et la valeur correspondant a I'exemple 



Champ 



Host 



Db 

User 

Select_priv 

lnsert_priv 

Update_priv 

Delete_priv 

Create_priv 

Drop_priv 

Grant_priv 

References_priv 

lndex_priv 

Alter_priv 






Exemple de valeur 

local host 



score_db 



score 
Y 



Description 

Nom de I'ordinateur a partir duquel I'utilisateur se connecte a la base. 
(En general, si les scripts qui envoient les requetes a la base se 
trouvent sur le meme ordinateur que la base, on utilise 1 ocal host). 

Nom de la base de donnees sur laquelle on va autoriser les droits 
d'acces ci-dessous. 

Nom de I'utilisateur. 



Droit d'effectuer des recherches (avec SELECT). 

Droit d'effectuer des insertions (avec INSERT). 

Droit d'effectuer des mises a jour (avec UPDATE). 

Droit d'effectuer des destructions (avec DELETE). 

Droit de creer des bases ou des tables. 

Droit de detruire des bases ou des tables. 

Permet a I'utilisateur d'accorder a d'autres utilisateurs les droits que 
lui-meme possede. 

Droit lie aux cles etrangeres (FOREIGN KEY). 

Droit de creer ou de detruire des index. 

Droit de modifier une table. 
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Nous pouvons maintenant valider en cliquant sur le bouton Executer place en bas de l'ecran. 
Une premiere fenetre de telechargement apparait, dans laquelle on vous demande de 
confirmer l'enregistrement sur votre ordinateur (cliquez sur Enregistrer pour accepter). Un 
deuxieme ecran (voir figure 2-50) vous demande de selectionner le repertoire de sauvegarde 
(prenez soin de verifier l'emplacement du repertoire qui vous est propose par defaut ou de 
choisir un repertoire dedie aux archives de votre projet, afin de savoir ou retrouver votre 
fichier lors de la restauration !). 
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Pour sauvegarder une 
base, on utilise le 
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Figure 2-50 

L'explorateurdefichiers 
vous permet de choisir 
I 'emplacement dans 
lequel vous allez 
pouvoir sauvegarder 
votre base de donnees. 
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Apres validation, l'enregistrement s'effectue sur votre ordinateur et nous vous suggerons 
d'utiliser l'explorateur Windows pour vous assurer que le fichier est bien enregistre a 
l'endroit indique. Par curiosite, si vous ouvrez ce fichier score_db . sql avec un simple editeur 
(Bloc_notes par exemple), vous devez retrouver les requetes indiquees ci-apres. Ces requetes 
SQL sont destinees a recreer des structures de tables conformes a l'origine (CREATE TABLE), 
puis a provoquer des ajouts d'enregistrements dans les tables (INSERT INTO) selon les valeurs 
presentes actuellement dans la base : 

-- phpMyAdmin SQL Dump 

-- version 2.7.0-pll 

-- http://www.phpmyadmin.net 

-- Serveur: localhost 

-- Genere le : Samedi 07 Janvier 2006 a 22:31 

-- Version du serveur: 5.0.17 

-- Version de PHP: 5.1.1 

-- Base de donnees: 'score dtf 



-- Structure de la table "agences" 

DROP TABLE IF EXISTS "agences"; 

CREATE TABLE ~agences~ ( 

~ID~ tinyint(4) NOT NULL auto^increment, 
'vine' varchar(50) NOT NULL default ", 
"secteur" varchar(50) NOT NULL default ", 
PRIMARY KEY CID~) 

) ENGINE=MyISAM DEFAULT CHARSET=1 atinl AUT0_INCREMENT=5 



-- Con1 


:enu c 


le la tabl 


e agences 






INSERT 


INTO 


~agences~ 


VALUES (1. 


' Paris ' , 


' Ile-de-France' ) ; 


INSERT 


INTO 


~agences~ 


VALUES (2, 


'Marseil 


le', 'Sud'); 


INSERT 


INTO 


"agences" 


VALUES (3. 


'Lille', 


'Nord'); 


INSERT 


INTO 


~agences~ 


VALUES (4, 


' Rennes ' 


, 'Quest'); 



Structure de la table "commerciaux" 



m DROP TABLE IF EXISTS ~commerciaux~ ; 

a, CREATE TABLE "commerciaux" ( 

o 

O 
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~ID~ tinyint(4) NOT NULL auto_i increment , 
~nom~ varchar(50) NOT NULL default ", 
"prenonf varchar(50) default NULL, 
■email" varchar(lOO) NOT NULL default ", 
"agencesID~ tinyint(4) NOT NULL default '0', 
PRIMARY KEY (.'ID') 
) ENGINE=MyISAM DEFAULT CHARSET=1 atinl AUTO^I NCREMENT=5 



-- Contenu de la table "commerciaux" 

INSERT INTO "commerciaux" VALUES (1, 'Bertaut', 'Laurence', 

'lbertaut@eyrolles.com', 1); 

INSERT INTO "commerciaux" VALUES (2, 'Lassalle', 'Jean', 'jlassalle@eyrolles.com' 

4); 

INSERT INTO "commerciaux" VALUES (3, 'Chassenet', 'luc', 

'lchassenet@eyrolles.com', 3); 

INSERT INTO ~commerciaux~ VALUES (4, 'Dupond', 'Maurice', 'mdupond@eyrolles.com' 

2); 



Structure de la table ~ventes~ 



DROP TABLE IF EXISTS Rentes"; 

CREATE TABLE Rentes" ( 

"ID" smallint(6) NOT NULL auto_increment, 
~commerciauxID~ tinyint(4) NOT NULL default '0', 
"mois~ varchar(50) NOT NULL default ", 
"annee" year(4) NOT NULL default '0000', 
>esultat~ decimal(10,2) NOT NULL default '0.00', 
PRIMARY KEY (~ID~) 

) ENGINE=MyISAM DEFAULT CHARSET=1 atinl AUT0_INCREMENT=1 



Contenu de la table "ventes" 



Restauration 

Pour restaurer une base, il faut que celle-ci soit deja creee (revoir la procedure de creation 
d'une base figure 2-24). Ensuite, selectionnez-la dans la liste de gauche comme precedem- 
ment et cliquez sur le lien portant son nom en dessous de la liste. Notons que la base score_db 
doit etre creee, mais qu'elle peut etre vide de toute table ; si ce n'est pas le cas, nous vous invi- 
tons a supprimer les tables pour bien comprendre la procedure de restauration (pour supprimer 
une table, cliquez sur le lien Supprimer correspondant a la table). 
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Dans la partie droite, cliquez sur l'onglet Importer en haut de l'ecran. La nouvelle page 
propose un formulaire vous demandant de selectionner l'emplacement du fichier source. 
Cliquez sur le bouton Parcourir (voir figure 2-51). Choisissez ensuite, dans l'explorateur, le 
fichier precedemment sauvegarde et cliquez sur Ouvrir pour valider votre choix. Le chemin 
du fichier est alors copie dans le champ a gauche du bouton Parcouri r, et il ne reste plus qu'a 
cliquer sur le bouton Executer pour demarrer la restauration. Toutes les requetes du fichier 
s'executent alors et s'affichent en haut de l'ecran. Au terme de la restauration, les tables de la 
base sont de nouveau visibles dans le gestionnaire (voir figure 2-52). 
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Figure 2-51 

Pour la restauration d'une base de donnees, ilfaut utiliser le formulaire de l'onglet Importer en precisant 
l'emplacement du fichier de restauration score_db.sql. 
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Figure 2-52 

Unefois la base de donnees restauree, il suffit de cliquer sur le lien portant son nom, en haul de I'ecran, pour 
verifier que toutes les tables out bien ete importees. 



Interface de Dreamweaver 8 pour le developpement de sites 
dynamiques 

La version 8 de Dreamweaver permet de concevoir des applications dynamiques pour 
Internet. Pour cela, Macromedia offre un environnement de developpement comprenant, 
d'une part, un editeur WYSIWYG eprouve qui a fait le succes de Dreamweaver chez les 
graphistes, et, d' autre part, des outils de creation de scripts cote serveur, qui devraient seduire 
a la fois les programmeurs experimented avec son editeur en mode Code, et les developpeurs 
qui peuvent concevoir des pages dynamiques en mode visuel. Pour integrer ces nouvelles 
fonctions, l'interface de Dreamweaver s'est enrichie de panneaux supplementaires que nous 
vous proposons de decouvrir ensemble. 



Les panneaux presentes sont dedies aux pages dynamiques de Dreamweaver 8 

Cette section a pour but de vous presenter les differents panneaux de Dreamweaver 8, qui sont utilises 
pour la realisation de pages dynamiques. Ce n'est done pas un inventaire exhaustif des fonctionnalites 
traditionnelles de I'editeur Dreamweaver, et nous vous invitons a consulter un ouvrage dedie a la decou- 
verte de cet outil si vous desirez approfondir vos connaissances dans ce domaine. Nous vous conseillons 
I'ouvrage d'Arthur Caouissin, Dreamweaver 8, paru aux Editions Eyrolles. 



L'espace de travail 

Configuration de l'espace de travail 

La version 8 propose deux espaces de travail au choix. Le premier est optimise pour les desi- 
gners (les differents panneaux lateraux se trouvent a droite et les pages s'ouvrent en mode 
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Creation par defaut), alors que le second est congu pour les programmeurs (les differents 
panneaux lateraux se trouvent a gauche et les pages s'ouvrent en mode Code par defaut). Dans 
le cadre de cet ouvrage, nous utiliserons l'espace de travail destine aux designers. Lors du 
premier demarrage de Dreamweaver, il vous faut choisir l'espace qui vous convient le mieux 
(voir figure 2-53). II faut alors verifier que le bouton radio de gauche a bien ete coche avant 
de valider cette fenetre. 

Si toutefois vous avez deja choisi 1' autre espace, il est possible de modifier votre choix par le 
biais du menu de Dreamweaver (voir figure 2-56) : Fenetre>Presentati on de l'espace de 
travail>designer. 



Figure 2-53 

Lors du premier 
demarrage de 
Dreamweaver, vous 
pouvez choisir V espace 
de travail qui vous 
convient le mieux. 
Toutefois, sachez que 
vous pourrez toujours 
modifier votre choix a 
V aide du menu de 
Dreamweaver. 



Configuration espace de travail 



Choisissez la conflation de l'espace de tiavail que vous prelerez. Vous pouciez 
changer de disposition par la suite, en choisissent Fenetie > Presentation de l'espace de 
travail 




0£odeur 



OK 
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Presentation de l'espace de travail 

Au demarrage de Dreamweaver, un menu regroupant differents liens vous invite a ouvrir un 
document deja enregistre, a creer une nouvelle page vierge, ou a utiliser les nombreux exem- 
ples proposes par Macromedia pour realiser votre nouveau document. Si vous cliquez sur le 
lien PHP de la rubrique Creer, une page vide apparait au centre de l'interface (voir figure 2-55). 
Cette zone correspond a la fenetre de document. L'espace de travail de Dreamweaver 8 (voir 
figure 2-58) est dote de nombreux panneaux que vous pouvez regrouper a votre convenance. 
Pour deplacer un panneau, il suffit de le saisir par la poignee (zone grisee a petits points situee 
en haut a gauche de chaque panneau : voir figure 2-57) et de le deplacer a l'endroit desire, en 
maintenant le bouton gauche de la souris appuye. Pour passer d'un sous-panneau a un autre, 
il suffit de cliquer sur son onglet. Le panneau peut etre deplie afin d'afficher les differents 
sous-panneaux qu'il contient en cliquant sur la fleche de gauche ; on procede de la meme 
maniere pour le replier. 

Pour fermer le panneau et le faire disparaitre de l'espace de travail, il faut cliquer sur l'icone 
qui setrouve a sadroiteetselectionnerl' option Fermer le groupe de panneaux. Pour l'afficher 
de nouveau, il faut derouler le menu Fenetre et valider le panneau correspondant. Pour 
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Figure 2-54 

Lora dw premier lancement du logiciel, un menu regroupant differents liens destines a creer ou a ouvrir un 
document s 'affiche dans lafenetre centrale. Nous vous conseillons de conserver ce menu, car il vous permettra 
d'acceder rapidement aux derniers documents sur lesquels vous avez travaille, ou encore d 'ouvrir une nouvelle 
page PHP comme Villustre le visuel. Cependant, si vous desirez que ce menu ne soitplus affiche par la suite, vous 
pouvez cocher I 'option Ne plus afficher, situee en bas du menu. 



connaitre les fonctions de chaque bouton, il suffit de passer la souris dessus, une infobulle 
s' affiche alors et vous indique le role du bouton concerne. 

La barre d'outils standard 

La barre d'outils standard vous semblera certainement familiere, car elle regroupe des fonc- 
tions communes a de nombreux logiciels de l'environnement Windows (si cette barre d'outils 
n'est pas visible, vous pouvez rapidement la faire apparaitre en l'activant depuis le menu 
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Figure 2-55 

Si vous cliquez sur le lien PHP de la rubrique Creer (voir figure 2-54), une nouvelle page vierge s'ajfiche dans la 
'. Document. 
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Affichage > Barre d'outils). On y retrouve, dans l'ordre de leur position (de gauche a 
droite), plusieurs boutons correspondant aux fonctions suivantes (voir figure 2-59) : 

• Nouveau - permet d'ouvrir un nouveau document en choisissant son format (PHP, HTML, 
selon un modele...). 

• Ouvri r - permet d'ouvrir un fichier existant. 

• Sauvegarder - permet d'enregistrer rapidement le document en cours d' utilisation. 

• Sauvegarder tout- permet d'enregistrer tous les documents ouverts dans l'espace de 
travail. 
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Figure 2-56 

Le menu de Dreamweaver vous permet de changer rapidement de modele d'espace de travail. 



Figure 2-57 

La poignee de chaque 
panneau vous permet de 
le deplacer tres 
facilement vers I 'endroit 
desire a I' aide de votre 



V Proprietes 

Format Aucun 



TjSt> 

Police Police par def aut v Taj 



Couper - permet de deplacer dans le Presse-papiers de Windows un element de la page 
(texte, code...) pour pouvoir l'utiliser ailleurs. 

Copier - permet de copier dans le Presse-papiers de Windows un element de la page 
(texte, code...) pour pouvoir l'utiliser ailleurs. 
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Figure 2-58 

L'interface de 
Dreamweaver 8 est 
composee d'unefenetre 
de document (repere 2) 
surmontee de deux 
barres d'outils 
(repere 1). En haul de 
{'interface, on retrouve 
une barre de menu et 
une troisieme barre 
d'outils nommee 
Insertion (repere 3). A 
noter, pour les 
utilisateurs de la 
premiere version MX de 
Dreamweaver, que cette 
barre d'outils 
correspond au panneau 
Insertion de la 
version 6. En bas, le 
panneau Proprietes est 
ancre par dejaut 
(repere 4), alors que 
tons les autres panneaux 
visibles sont regroupes 
dans la partie droite de 
l'interface (reperes 5 
et 6). 
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• Col 1 er - permet de recuperer le contenu du Presse-papiers pour l'inserer dans la page. 

• Annul er - permet d'annuler la derniere commande realisee. 

• Repeter - permet de retablir la derniere commande annulee. 



Figure 2-59 

La barre d'outils 
standard regroupe des 
fonctions identiques a 
celles de la plupart des 
editeurs de texte 
traditionnels, 
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La barre d'outils Document 

Les boutons de la barre d'outils Document regroupent plusieurs fonctions diverses que nous 
proposons de decouvrir ci-apres dans l'ordre de leur position (voir figure 2-60) : 
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• Afficher en mode code -permet d'afficher uniquement la fenetre du code source. 

• Afficher en mode code et creation -permet d'afficher les deux fenetres ensemble. 

• Afficher en mode creation -permet d'afficher uniquement la fenetre Wysiwyg. 

• Af f i chage Li ve Data - permet d'afficher les valeurs des champs dynamiques directement 
dans la fenetre Wysiwyg. Cette fonction ne peut etre employee que si la page active a ete 
enregistree avec une extension adaptee (.php par exemple). Dans le cas d'une page 
statique (.html), une fenetre vous demande de modifier son extension. La commande 
Live Data est aussi accessible depuis le menu Affichage> Live Data et permet de tester les 
pages dynamiques directement dans l'espace de travail en mode Creation. Vous pouvez 
ainsi afficher les donnees produites par la requete de la page ou encore parameter la 
fenetre Live Data (menu Affichage>Parametres Live Data) pour simuler le passage de 
parametres, comme si vous les aviez saisis dans un formulaire en ligne. 

• Champ titre - permet de renseigner directement la balise HTML de titre de la page en 
cours de developpement. 
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Figure 2-60 

La bane d'outils document permet d'acceder rapidement a de nombreuses fonctions d'afficltage ou de gestion des 
fichiers. Un bouton permet de defmir les navigateurs cibles afin d'afficher les erreurs liees aux codes non 
supportes par ces navigateurs. 



Erreurs selon les navigateurs -permet de verifier la prise en charge des codes devotre 
page selon une liste des differentes versions de navigateurs. Cette liste pourra etre confi- 
guree grace a un panneau de choix, accessible dans la derniere option de ce meme bouton 
(voir figure 2-60). A noter que si des erreurs sont detectees, le visuel du bouton compor- 
tera un petit triangle orange afin d'attirer votre attention sur les problemes rencontres lors 
du test. 

Valider le marqueur -permet de valider le document actif ou la balise selectionnee. 
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Gestion des fichiers - permet d'acceder a differentes commandes autorisant notam- 
ment a acquerir la page ou a la placer sur le serveur distant, si vous n'avez pas opte pour 
le travail de groupe. 

Aperju et debogage - permet d'afficher ou de tester la page dans un navigateur Internet. 

Actual iser- permet d'actualiser la page dans la fenetre Document en mode Creation, 
apres avoir realise des modifications dans la fenetre en mode Code. 

Afficher les options - permet de definir plusieurs options dont certaines sont visibles 
selon le mode selectionne (Code ou Creati on). Pour toutes les afficher, il faut selectionner 
le mode Code et Creation. 

Assi stance vi suel 1 e - permet de vous fournir des supports visuels differents en vue de la 
conception de vos pages. 



Afficher ou deplacer une barre d'outils 

Si une barre d'outils n'apparait pas dans votre espace de travail, vous pouvez y remedier par le menu 
Affichage, en selectionnant Barre d'outils en bas et en validant ensuite I'option Insertion, 
Standard ou Document selon la barre concernee. De meme, vous pouvez disposer les barres d'outils a 
I'endroit de votre choix dans I'espace de travail. II suffit pour cela de les deplacer par leur poignee (barre 
verticale situee a droite de la barre d'outils) avec la souris, en maintenant le bouton doit enfonce. 



La barre d'outils Insertion 

La barre d'outils Insertion comporte neuf categories qui permettent d'activer chacune un 
panneau different. La selection des categories s'effectue par un menu deroulant reprenant les 
intitules des categories. Chacune d'elles comporte des boutons classes par theme (Commun, 
Mi se en forme, Texte, Tabl eau...), qui permettent d'inserer des elements dans la page. 





Figure 2-61 
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L'insertion peut etre effectuee par un simple bouton place dans le panneau, ou a l'aide d'un 
deuxieme menu deroulant correspondant a une sous-categorie (dans ce cas, la presence d'un 
menu deroulant est signalee par une petite fleche situee a cote du bouton). 

A noter, pour les utilisateurs de l'ancienne version MX, que dans la version 6 cette barre 
d'outils etait geree comme un panneau ancrable portant le meme nom, dote de multiples 
onglets. Depuis la version MX 2004, ces sous-panneaux ont ete redistribues dans les diffe- 
rentes categories afin d'en limiter le nombre. Ainsi, par exemple, les anciens sous-panneaux 
Tableaux, Cadres et Scripts sont regroupes dans la version 8 au sein d'une categorie unique 
nommee HTML. De meme, une nouvelle categorie Favoris a ete ajoutee pour rassembler les 
elements frequemment utilises. Pour acceder a la configuration de cette categorie Favoris, il 
suffit de faire un clic droit dans le panneau et de choisir la derniere option Personnal i ser 1 es 
favoris. Sachez enfin que vous pouvez facilement revenir au systeme des onglets de la 
version 6 en selectionnant la derniere option de cette liste deroulante (voir figure 2-61). 

Dans le cadre de cet ouvrage, nous allons detailler uniquement les categories qui permettent 
de produire des objets dynamiques. 

Categorie PHP 

La categorie PHP regroupe des outils specifiques au langage PHP (voir figure 2-62). Toutes 
ces commandes peuvent etre utilisees directement dans le code source en completant manuel- 
lement leurs attributs. Cette categorie est dediee aux pages PHP et n'est visible que si le 
fichier de votre page a ete enregistre avec l'extension .php, ou si vous avez precise qu'il 
s'agissait d'un document dynamique PHP lors de sa creation. Nous illustrerons l'utilisation de 
ces fonctions dans un prochain chapitre consacre a l'utilisation de l'editeur de code. En effet, 
certaines de ces fonctions necessitant d'etre completees directement dans l'editeur de code, 
elles sont destinees a des utilisateurs avertis connaissant les bases du code PHP (ce que vous 
serez bientot, au terme de la lecture du chapitre 5). Cependant, si vous desirez connaitre les 
differentes fonctions de ces boutons, vous pouvez vous referer au descriptif de la figure 5-12. 



S Macromedia Dreamweaver B - [C:\wamp\www\5ITEscore\public\fiche.prip*] 
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Figure 2-62 

La categorie PHP met a votre disposition toute une serie de boutons qui vous permettront d 'inserer du code PHP 
directement dans l'editeur. 



Categorie Application 

Le concept d'une application est de faciliter la creation de scripts frequemment employes, en 
exploitant un assistant qui utilise un ou plusieurs comportements de serveur. On retrouve ainsi 
de nombreuses similitudes entre les applications et les comportements de serveur (disponibles 
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depuis le panneau Application>Comportements de serveur), voire des fonctions strictement 
identiques, hormis le fait que certaines seront declenchees par un bouton de la barre d'outils 
Inserer et d'autres a l'aide d'un menu deroulant du panneau Application. 

Contrairement aux boutons de la categorie PHP destines a une assistance en mode Code, ceux 
de la categorie Appl i cation peuvent etre explodes en mode Creation et ne necessitent done 
aucune connaissance du code PHP pour etre utilises. Ces fonctions permettent de creer des 
scripts dynamiques en mode Creation en completant un simple formulaire de parametrage. 
Certaines insertions proposees dans cette categorie sont semblables, voire identiques, a cedes 
des comportements de serveur proposes dans le panneau Application detaille ci-apres. Pour 
gerer ces nombreuses applications, les concepteurs Macromedia ont ajoute plusieurs menus 
deroulants regroupant ainsi les applications par themes (Donnees dynamiques, Afficher la 
region, Pagination du jeu...). Les fonctions des boutons et des menus deroulants de la cate- 
gorie Appl i cation sont les suivantes (voir figure 2-63 de gauche a droite) : 

• Insertion d'un jeu d'enregistrements - ce bouton ouvre une fenetre de configuration 
d'un jeu d'enregistrements. Un jeu d'enregistrements stocke des donnees issues d'une 
requete envoyee au serveur MySQL, et permet d'en disposer dans la page dynamique 
depuis la fenetre Liaisons (cette fonction est identique a cede disponible depuis le sous- 
panneau Applications/Comportements serveur ou dans la categorie Liaisons). 

• Insertion de donnees dynamiques - ce bouton permet d'acceder a un menu deroulant 
afin d' inserer un tableau dynamique (un tableau dynamique est un tableau HTML qui 
contient toutes les donnees d'un jeu d'enregistrements), une variable dynamique dispo- 
nible dans la fenetre Liaisons (une variable dynamique peut etre la valeur d'un champ 
particulier d'un jeu d'enregistrements ou une variable prealablement declaree dans le 
panneau Liaisons). A noter qu'on obtient le meme resultat par un simple glisser- 
deplacer dans la fenetre Document d'une donnee situee dans la fenetre Liaisons), ou tout 
element dynamique d'un formulaire (champ texte, case a cocher, bouton radio, menu 
deroulant). 

• Insertion d'une region repetee - ce bouton permet de repeter une zone definie autant 
de fois qu'il y a de donnees repondant a la requete demandee (cette fonction est identique 
a cede disponible depuis le sous-panneau Applications/Comportements serveur). 

• Afficher une region - ce bouton permet d'acceder a un menu deroulant afin de rendre 
conditionnel l'affichage d'une region selon l'etat d'un jeu d'enregistrements (vide ou non 
vide), ou selon la position de la page affichee dans le cas d'une gestion de donnees pagi- 
nees (s'il s'agit ou non de la premiere ou de la derniere page). 

• Pagination du jeu d'enregistrements - ce bouton permet d'acceder a un menu derou- 
lant, afin d' inserer une barre de navigation complete (au format texte ou graphique) 
destinee a la gestion paginee de donnees issues d'un jeu d'enregistrements, ou a differents 
elements de pagination utilisables individuellement (deplacer vers la premiere page, vers 
la precedente, vers la suivante ou vers la derniere). 
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Figure 2-63 

Les differents boutons et menus deroulants de la categorie Application de la barre d'outils Insertion permettent 
d'ajouter tres facilement des objets dynamiques dans une page en mode Creation. 



Afficher le nombre d'enregistrements - ce bouton permet d'acceder aun menu derou- 
lant afin d'inserer une barre d'etat de navigation (texte dynamique qui indique les 
numeros des enregistrements affiches ; par exemple : Enregistrement X a Y sur Z), ou 
chacun de ses elements individuellement (debut, fin ou le nombre total d'enregistre- 
ments). 

Ensemble des pages Pri nci pale-details - ce bouton permet de configurer rapidement 
un ensemble de pages afin d'afficher dans un premier temps la liste des resultats d'une 
requete, puis chacune des fiches detaillees correspondant a chaque resultat. 

Inserer un enregistrement- ce bouton permet d'acceder a un menu deroulant afin 
d'inserer un enregistrement dans la base a l'aide d'un assistant (cette fonction est comple- 
tement automatisee et vous propose d'integrer tres rapidement un formulaire d' insertion 
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adapte a la structure du jeu concerne) ou a l'aide du comportement Inserer un enregis- 
trement (disponible aussi dans le panneau Comportements de serveur), qui necessite la 
creation prealable d'un formulaire avant d'integrer le script d'insertion dans la base. 

Mettre a jour 1 'enregistrement - ce bouton permet d'acceder aun menu deroulant afin 
de mettre a jour un enregistrement de la base a l'aide d'un assistant (cette fonction est 
completement automatisee et vous propose d'integrer tres rapidement un formulaire de 
mise a jour adapte a la structure du jeu concerne) ou a l'aide du comportement Mettre i 
jour un enregistrement (disponible aussi dans le panneau Comportements de serveur), 
qui necessite la creation prealable d'un formulaire avant d'integrer le script de mise a jour 
de la base. 

Supprimer 1 'enregistrement - ce bouton permet d'integrer dans la page le code neces- 
saire pour supprimer un enregistrement specifique dans la base de donnees. 

Authentifi cation de 1 'utilisateur -ce bouton permet d'acceder a un menu deroulant 
afin de configurer differents scripts pour gerer l'authentification d'un utilisateur (ces 
applications sont des nouveautes de la version 8 et n'etaient done pas disponibles dans la 
premiere version de Dreamweaver MX). Vous pourrez ainsi configurer 1' application 
Connecter 1 ' uti 1 i sateur (script de verification du login et du mot de passe de l'utilisa- 
teur dans la base de donnees ; si le resultat est positif, l'utilisateur pourra acceder aux 
pages protegees, sinon il sera redirige vers une page d'erreur) ; Deconnecter 1 'utilisa- 
teur (script a inserer dans les pages protegees, qui permettra a l'utilisateur de se decon- 
necter par un simple clic sur un lien ou lors du chargement d'une page specifique) ; 
Restreindre l'acces a la page (script a integrer dans les pages que Ton desire proteger 
afin de controler si l'utilisateur a bien ete prealablement authentifie) ; ou encore Veri f i er 
1 e nouveau nom d ' uti 1 i sateur (script qui examinera que le login a creer n'existe pas deja 
dans la base de donnees lors de la creation d'un nouveau compte utilisateur). 

Transformation XSL- ce bouton permet d'acceder a un formulaire de configuration 
permettant de creer une page XSLT cote serveur. 



Configuration de I'affichage des attributs d'accessibilite des formulaires 

Par defaut, Dreamweaver 8 fera apparaitre un panneau de configuration des attributs d'accessibilite, lors 
de chaque ajout d'un nouvel objet de formulaire (ainsi que pour les cadres, medias et images). Tous les 
parametres de cette boite de dialogue etant optionnels, nous vous conseillons de desactiver I'affichage de 
cette boite de dialogue en phase d'apprentissage pour les objets de formulaire, depuis le panneau 
Preferences (Menu : Fichier>Preferences>Categorie Accessibility puis decocher I'option 
Afficher les attributs lors de 1' insertion pour les formulaires). 



@ La fenetre Document 

c La fenetre Document est la fenetre principale de l'espace de travail (voir figure 2-64). Elle 

o apparait sous trois formes possibles : 
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mode Creati on - zone representant la page de creation au format WYSIWYG (representation 
graphique de la page identique a ce qu'on obtiendra dans le navigateur lors de la publication) ; 

mode Code - zone d'affichage du code source de la page ; 

mode Mixte - affichage combine des deux fenetres ci-apres. 

Pour passer d'un mode a l'autre, vous pouvez utiliser le menu Af f i chage, puis choisir le mode 
desire (Creation, Code, Mixte), ou encore utiliser les boutons correspondants de la barre 
d'outils (voir figure 2-64). 
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Figure 2-64 

Selon votreprofil, lafenetre Document pent apparaitre sous trois modes differents : mode Creation (format 
WYSIWYG uniquement), mode Code (editeur de code uniquement) ou mode Mixte comme dans la figure 2-64. 
Pour passer d'un mode a l'autre, vous pouvez utiliser les trois boutons de la barre d'outils Document (en haut a 
gauche de ce visuelj. En bas de lafenetre Document, vous disposez aussi d'un selecteurde balises (a gauche), qui 
vous permettra de selectionner facilement un element de la page, et d'un indicateur de dimension et de transfert 
(a droite). 
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En mode Code, vous avez la possibility de faire apparaitre la liste complete des fonctions PHP 
classees par ordre alphabetique, en utilisant la touche Ctrl combinee avec la barre d'espace. 
Cette fonctionnalite est tres pratique lorsque vous desirez saisir du code PHP (voir 
figure 2-65). 



Figure 2-65 

En mode Code, 
V utilisation du 
raccourci clavier 
Ctrl + Espace vous 
permet d'afficher une 
liste des fonctions PHP 
mises a jour. 
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Onglets de selection de page 

Lorsque plusieurs pages sont ouvertes simultanement, vous pouvez passer de l'une a 1' autre 
par le menu Affichage, puis en selectionnant la page desiree en bas du menu. Une autre 
mefhode, beaucoup plus rapide, consiste a utiliser les onglets de selection des pages, places en 
haut de la fenetre (voir figure 2-66). Ces onglets peuvent aussi etre deplaces lateralement a 
l'aide de deux petites fleches situees a droite du panneau, lorsque leur nombre est trop impor- 
tant par rapport a la largeur de la fenetre. 
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Figure 2-66 

Pour passer rapidement d'une page ouverte a une autre, vous pouvez utiliser les onglets qui apparaissent en haut 
de la fenetre Document. 
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Le selecteur de balise 

Cette fonction est tres appreciable lorsqu'on desire selectionner precisement un element 
HTML de la page Web en mode Creation. En effet, il suffit pour cela de cliquer sur la balise 
concernee dans le selecteur (voir figure 2-67) pour que tout le code correspondant apparaisse 
en surbrillance. Ce selecteur est egalement interessant pour identifier la partie de code corres- 
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pondant a un element graphique ou a un tableau, car celle-ci est mise en surbrillance dans la 
zone de code. 
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Figure 2-67 

Le selecteur de balise permet de selectionner d' une maniere precise et rapide une balise HTML du code source ou 
dans lafenetre Document. Dans cet exemple, la balise <table> a ete selectionnee a I'aide du selecteur de balise. 



Les indicateurs de dimension et de transfert 

L'indicateur de dimension (voir figure 2-68, a gauche) permet de selectionner une resolution 
d'ecran dans le menu deroulant qui s'affiche lors d'un clic sur la petite fleche situee a droite 
de l'indicateur. Vous pouvez ainsi redimensionner automatiquement la fenetre Document de 
votre espace de travail pour etre dans la meme configuration que l'internaute qui utilisera 
cette resolution d'ecran. 

L'indicateur de transfert donne le poids de la page (voir figure 2-68, a droite) et le temps 
necessaire pour l'afficher sur un poste client selon le type de connexion dont il dispose. Par 
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defaut, le type de connexion est parametre pour realiser les calculs dans le cas d'un modem de 
28,8 Kbps. Vous pouvez cependant modifier ce parametre dans le menu Edition puis Prefe- 
rences et categorie Barre d'etat (voir figure 2-69), ou encore en cliquant sur la fleche de 
l'indicateur de dimension et en selectionnant Modi f ier la tai 1 1 e. 



Figure 2-68 

Les indicateurs de 
dimension et de 
transfert permettent de 
tester vos pages en 
fonction de differents 
profits d'utilisateurs. 





Figure 2-69 

Le parametrage des indicateurs de dimension et de transfert peut etre modifie dans le panneau Preferences, 
categorie Barre d'etat. 
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Le panneau Resultat 

Si vous cliquez sur l'onglet Reference du panneau Resultat, vous aurez la bonne surprise de 
decouvrir que les manuels de poche PHP (actualises avec les nouvelles fonctions PHP 5), 
SQL, ainsi que XSLT et XML des editions O'Reilly, sont integres a la liste des ressources 
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disponibles (voir figure 2-70). Vous pourrez vous y referer rapidement pour connaitre tous les 
details des fonctions PHP, des commandes SQL, des fichiers XML et des fonctions XSLT. 
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Figure 2-70 

Lm manuels PHP et SQL sont accessibles depuis I 'onglet Reference du panneau Resultat 




Le panneau Application 

Onglet Bases de donnees 

L'onglet Bases de donnees permet de configurer les differents parametres d'une connexion a 
une base de donnees. La fenetre du sous-panneau permet ensuite d'afficher la structure de la 
base de donnees en detaillant ses differentes tables et les champs qui la constituent (voir 
figure 2-71). 

Onglet Liaisons 

L'onglet Liaisons permet d'ajouter un element dynamique directement dans votre page avec 
un simple glisser-deplacer. Avant de disposer d'elements dynamiques dans cet onglet, il faut 
definir le moyen d'acceder aux sources de donnees, en cliquant sur le bouton+ (voir 
figure 2-72). Si vous desirez acceder a des donnees stockees dans une base de donnees, il faut 
creer un jeu d'enregistrements, aussi appele requete SQL. Vous serez aussi amene a utiliser 
des donnees issues d'autres sources (formulaire, URL, session, cookie, variables de serveur 
ou encore variables d'environnement) et il faudra alors creer une liaison adaptee a chacune de 
ces sources. 

Onglet Comportements 

Un comportement serveur est un script cote serveur (en PHP dans le cadre de cet ouvrage) qui 
realise une action definie. L'onglet Comportements de serveur du panneau Application 
permet d'inserer un comportement cote serveur aussi simplement que pour ajouter un 
comportement classique cote client (code JavaScript integre dans la page HTML). Vous 
n'avez absolument pas besoin de connaitre des instructions PHP pour integrer un comporte- 
ment dans votre page, car il suffit de completer un simple formulaire pour le configurer. Notez 
que vous retrouvez des comportements semblables, voire identiques, dans le sous-panneau 
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Figure 2-71 
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Figure 2-72 
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Application de la barre d'outils Insertion. Pour afficher les comportements disponibles, il 
suffit de cliquer sur le bouton + du panneau. Par defaut, vous disposez d'une serie de compor- 
tements standards, mais par la suite, vous pourrez aussi creer vos propres comportements 
serveur et les ajouter a ce menu. Parmi les comportements serveur disponibles par defaut, 
vous trouvez les fonctions suivantes (voir figure 2-73) : 

• Jeu d'enregistrements (requite) -fonctionde configuration d'unjeud'enregistrements. 
Un jeu d'enregistrements stocke des donnees issues d'une requete envoyee au serveur 
MySQL et permet d'en disposer depuis la fenetre Li ai sons. Ce script de requete SQL est 
identique a celui qui est disponible dans l'onglet Liaisons ou depuis le sous-panneau 
Inserti on/Appl i cati on. 

• Regi on repetee - permet de repeter une zone definie autant de fois qu'il y a de donnees 
repondant a la requete demandee. Cette fonction est identique a celle qui est disponible 
depuis le sous-panneau Insertion/Application. 



Figure 2-73 
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Pagination d'un jeu d'enregistrements - permet d' afficher les resultats d'une requete 
avec un nombre defini de donnees par page (plusieurs options possibles). 
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• Afficher une region - permet d'afficher ou de masquer une region definie d'une page 
selon les resultats d'une requete (plusieurs options possibles). 

• Afficher le nombre d'enregistrements -permet d'afficher lenombre de donnees issues 
d'une requete (plusieurs options possibles). 

• Texte dynamique- permet d'afficher des donnees issues d'une requete en un endroit 
defini de la page. Cette fonction est identique a celle qui est disponible depuis le sous- 
panneau Insertion/Appl ication ou par glisser-deplacer depuis le panneau Liaisons. 

• Inserer un enregistrement - permet de creer le script complementaire a un formulaire 
d'ajout d'un nouvel enregistrement (le formulaire doit deja etre cree). 

• Mettre a jour un enregistrement -permet de creer le script complementaire a un formu- 
laire de modification d'un enregistrement prealablement selectionne (le formulaire doit 
deja etre cree). 

• Supprimer un enregistrement -permet de creer un script de suppression d'un enregistre- 
ment prealablement selectionne. 

• Element de formulaire dynamique - permet d'integrer dans un formulaire des elements 
dynamiques (champ, case, bouton, liste, menu) qui seront initialises par des valeurs issues 
du panneau Liaisons (jeu d'enregistrements, variable de session, variable de serveur, 
parametres d'URL...). 

• Authentifi cation de 1 'utilisateur -permet de configurer differents scripts pour gerer 
l'authentification d'un utilisateur. Vous pourrez ainsi configurer l'application Connecter 
1 ' uti 1 i sateur (script de verification du login et du mot de passe de l'utilisateur dans la 
base de donnees ; si le resultat est positif, l'utilisateur pourra acceder aux pages prote- 
gees, sinon il sera redirige vers une page d'erreur) ; Deconnecter 1 ' uti 1 i sateur (script a 
inserer dans les pages protegees, qui permettra a l'utilisateur de se deconnecter par un 
simple clic sur un lien ou lors du chargement d'une page specifique) ; Restreindre 
1 ' acces a 1 a page (script a integrer dans les pages que Ton desire proteger afin de veri- 
fier si l'utilisateur a bien ete prealablement authentifie) ; ou encore Veri f i er 1 e nouveau 
nom d ' uti 1 i sateur (script qui verifiera que le login a creer n'existe pas deja dans la base 
de donnees lors de l'enregistrement d'un nouveau compte utilisateur). 

g • Transformation XSLT - permet de configurer un formulaire afin de creer une page XSLT 

2 cote serveur. 

M 

u 
6. 

| Le panneau Fichiers 
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° Onglet Fichiers 

■= La fenetre de ce sous-panneau permet d'afficher l'arborescence des fichiers du site, mais aussi 

I. l'arborescence complete de votre ordinateur (voir figure 2-75). Elle fonctionne de la meme 
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facon que l'explorateur Windows, grace a la branche Bureau situee en bas de la fenetre, qui 
permet d'acceder a tous les fichiers situes sur votre ordinateur. On peut ainsi ouvrir n'importe 
quel fichier du site actif ou des autres sites sans quitter l'interface de Dreamweaver, et le 
deplacer ou le copier par un simple glisser-deplacer. Cependant, si vous faites glisser un 
fichier d'un autre site, Dreamweaver le copie, puis l'ajoute a l'emplacement ou vous le 
deposez ; si au contraire vous le faites glisser au sein du meme site, Dreamweaver le deplace 
depuis son emplacement initial vers l'emplacement ou vous le deposez. Vous pouvez egale- 
ment rechercher un fichier sur le site local ou distant. Utilisez pour cela les commandes 
Retrouver sur le site local et Retrouver sur le site distant du menu Modifier. Notez que 
si vous cherchez un texte ou une balise a l'interieur d'un fichier, il faut alors utiliser une autre 
commande, accessible cette fois depuis le menu de l'interface de travail : Edition>Rechercher 
et remplacer. 

Les actions de la barre de boutons sont decrites ci-apres (voir figure 2-75, de gauche a droite) : 

• Connecter a un note distant - permet d'etablir la connexion par FTP (File Transfert 
Protocol) avec le site distant. Une fois la connexion etablie, les repertoires de votre 
serveur distant sont visibles dans la fenetre si vous selectionnez le choix Affichage 
distant dans le menu deroulant de droite. 

• Actual iser - met a jour les repertoires du site local et du site distant (cette action peut 
aussi etre provoquee par une action sur la touche F5). Ce bouton est utilise pour declen- 
cher manuellement une mise a jour des repertoires si vous n'avez pas active les options 
Actualiser automatiquement la liste des fichiers locaux ou Actual iser automati- 
quement la liste des fichiers distants dans la boite de dialogue Definition du site. 

• Acqueri r - permet de transferer les fichiers selectionnes de votre serveur distant vers le 
disque dur de votre ordinateur. II est a noter que le fichier transfere de cette maniere est 
copie au meme niveau sur l'arborescence du site local que celui ou il etait place sur le site 
distant (au besoin, si le repertoire n'existe pas, il est cree lors du transfert). 

• Placer - permet de realiser l'operation inverse, a savoir, de placer des fichiers de votre 
disque dur vers le serveur distant. Comme pour la fonction Acqueri r, le fichier est copie 
au meme niveau sur l'arborescence du site distant que celui ou il se trouvait cote local. 

• Extraire- ce bouton est utilisable uniquement si l'option Activer l'archivage et 
1 'extraction de fichier est activee pour le site en cours (option a configurer dans la 
boite de dialogue Definition du site). Dans ce cas, il transfere une copie du fichier du 
serveur distant vers le site local et donne au fichier l'etat extrait sur le serveur. 

• Archiver- ce bouton est utilisable uniquement si l'option Activer l'archivage et 
1 'extraction de fichier est activee pour le site en cours (option a configurer dans la 
boite de dialogue Definition du site). Dans ce cas, il transfere une copie du fichier local 
vers le serveur distant, de maniere a ce qu'il puisse etre modifie par d'autres membres de 
l'equipe. Le fichier local passe alors en lecture seule. 
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Figure 2-74 

Si vous travaillez en equipe, vous 
pouvez activer V extraction et 
I'archivage dans lafenetre 
Definition d'un site, onglet Avance, 
rubrique Infos distantes. Vous devez 
alors preciser le nom associe au 
fichier que vous manipulez ainsi que 
voire adresse e-mail. 
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Utilisez Archiver et Extraire uniquement pour le travail en equipe 

Si vous travaillez en equipe, vous avez la possibility d'archiver et d'extraire des fichiers sur les serveurs 
local et distant. L'utilisation de I'extraction permet d'indiquer que vous etes actuellement en train de 
travailler sur le fichier, et evite qu'une autre personne puisse le modifier au meme moment. Lorsqu'un 
fichier est extrait, Dreamweaver affiche le nom de la personne qui I'a ouvert dans le panneau Si te, ainsi 
qu'une coche rouge (si le fichier a ete recupere par un membre de I'equipe autre que vous-meme) ou verte 
(si c'est vous qui avez extrait le fichier) en regard de son icone. En ce qui concerne I'archivage d'un fichier, 
cela equivaut a le mettre a la disposition des autres membres de I'equipe, qui peuvent le consulter et le 
modifier. Lorsque vous archivez un fichier apres I'avoir change, la version locale de ce fichier devient 
accessible en lecture seule et un cadenas apparait en regard du fichier dans le panneau Si te pour vous 
empecher de I'alterer. Si vous etes la seule personne a travailler sur le serveur distant, nous vous 
conseillons de ne pas valider I'extraction et I'archivage dans la fenetre Definition d'un site (onglet 
Avance, rubrique Infos distantes) et d'utiliser uniquement les commandes Acquerir et Placer 
pour transferer des fichiers sans avoir a les archiver ou a les ouvrir. 
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• Devel opper/Redui re - (sous Windows uniquement) permet de faire apparaitre l'interface 
FTP en pleine page et d'obtenir un affichage a deux volets. Dans la partie droite sont affi- 
ches les fichiers du site local, alors que dans la partie gauche sont visibles ceux du site 
distant. Cette interface n'est autre que le developpement du sous-panneau Site et 
comporte une barre de boutons identique a celle decrite ci-dessus. Le meme bouton 
Devel opper/Redui re permet de revenir a l'espace de travail. 

En dessous de la barre des boutons se trouvent deux menus deroulants, dont les fonctions sont 
decrites ci-dessous (voir figure 2-75) : 

Le menu deroulant Site indexe tous les sites que vous avez definis et permet de changer de 
site en le selectionnant dans sa liste. Pour ajouter un site ou modifier les informations d'un site 
existant, choisissez Modifier les sites en bas du menu ; la fenetre Definition du site 
s'affiche alors a l'ecran (reportez-vous a la section « Configuration d'un site dynamique » ci- 
apres pour plus d' informations sur les champs de cette fenetre). 

Le menu deroulant Af f i chage permet de choisir les fichiers qui sont visibles dans la fenetre du 
panneau. Vous pouvez ainsi selectionner l'affichage des fichiers du site local, du site distant, 
du site d' evaluation ou encore ouvrir une carte graphique du site basee sur la relation entre les 
documents. 

Onglet Actifs 

Cet onglet permet d'acceder a toutes les ressources communes (actifs) utilisees dans le site 
concerne (voir figure 2-76). Vous pouvez inserer la plupart des acti f s d'un site dans un docu- 
ment, en les faisant glisser dans la fenetre de document en mode Code ou en mode Creation, 
ou bien en utilisant le bouton Inserer. Differentes categories d'actifs sont disponibles : 
image, couleur, URL, flash, film, script, modele, bibliotheque. Par exemple, vous pouvez 
appliquer des couleurs a un texte selectionne en mode Creation ou encore inserer une image 
ou une URL dans un document. Tous les actifs peuvent done etre ajoutes a un document ou 
etre attribues a un de ses elements, excepte les modeles, qui doivent etre affectes au document 
entier. 

Le panneau Proprietes 

Le panneau Proprietes est contextuel et affiche toutes les informations ou parametres lies a n 

l'objet selectionne (voir figure 2-77). Par exemple, si vous choisissez une image, il liste tous 2? 

les attributs de 1' image, comme sa hauteur, sa largeur, 1' emplacement du fichier image dans <§. 

l'arborescence du site, le type d'alignement de l'image dans la page ou encore l'URL vers ® 

to 

laquelle elle etablit un lien s'il s'agit d'une image cliquable. Ces attributs peuvent etre ainsi g 

facilement modifies grace aux champs correspondants dans le panneau Proprietes. Dans le q 

coin inferieur droit du panneau, une petite fleche vous permet d'acceder a des attributs supple- § 

mentaires qui permettent une configuration avancee de l'objet selectionne. £, 
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Figure 2-76 
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Figure 2-77 

he panneau Proprietes d'une image permet de changer facilement les valeurs de ses differents attributs. 

Pour certains objets, le panneau comporte des boutons de liaison dynamique (icone represen- 
tant un eclair), qui permettent de lier l'objet a une source dynamique (voir figure 2-78). Ces 
boutons sont particulierement interessants pour realiser des objets de formulaire dynamique 
(dans ce cas, la valeur par defaut est initialisee par une donnee dynamique), ou encore pour 
recuperer une source de donnees afin d'afficher une image dynamique. Ces boutons etant 
geres par des scripts dynamiques, ils n'apparaissent dans le panneau Propri etes d'un element 
que si la page porte 1' extension .php. 
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Le panneau Historique 

Le panneau Hi storique (voir figure 2-79) vous sera fort utile pour revenir en arriere en annu- 
lant les dernieres actions effectuees. En effet, ce panneau garde en memoire une trace de vos 
cinquante dernieres actions, ce qui permet d'annuler plusieurs etapes d'un coup ou de repeter 
celles deja effectuees. II est a noter que vous pouvez augmenter ou diminuer cette valeur par 
le biais de la fenetre des preferences generates en precisant le nombre maximal d' etapes de 
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Figure 2-78 

Le panneau Proprietes d'un element de formulaire contient un bouton Dynamique qui permet de le Her a une 
source dynamique. 

l'historique (pour acceder a cette fenetre: depuis le menu, cliquez sur Edition>Prefe- 
rences>General). Si le panneau Historique n'est pas present dans votre espace de travail, 
vous pouvez l'afficher par le menu Fenetre>Hi stori que ou encore en utilisant la combinaison 
de touches Maj + F10. Sachez cependant que pour annuler la derniere action realisee, vous 
pouvez utiliser la commande universelle Ctrl + Z (pour PC) ou Pomme + Z (pour Mac). 



Figure 2-79 
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Configuration d'un site dynamique dans Dreamweaver 8 

Avant meme de commencer sa premiere page avec Dreamweaver, il est fortement recom- 
mande de definir la configuration du site, surtout si vous desirez developper des pages dyna- 
miques en interaction avec une base de donnees. Vous devez pour cela preciser l'emplace- 
ment de vos fichiers sur votre serveur local, la technologie serveur employee (PHP dans notre 
cas), la maniere dont vous allez acceder au serveur d' evaluation, ou encore si vous desirez 
partager votre serveur distant et comment vous comptez y transferer vos fichiers. 

Depuis le menu, selectionnez Site puis Gerer les sites. Dans le panneau Gerer les sites, 
cliquez ensuite sur le bouton Nouveau (voir figure 2-80). La fenetre Definition d'un site 
s'affiche alors a l'ecran. Vous pouvez utiliser l'assistant (onglet Elementaire) ou le mode 
Avance (onglet Avance). Dans le cadre de cette premiere creation, nous allons utiliser l'assis- 
tant. Nous commenterons les ecrans de 1' onglet Avance a l'occasion de la modification du 
parametrage de ce meme site dans la partie suivante. 
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Figure 2-80 

Pour crier un nouveau 
site, choisissez dans le 
menu : Site>Gerer les 
sites, puis cliquez sur le 
bouton Nouveau et 
selectionnez Site dans la 
liste deroulante qui 
s'affiche. 
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Definition d'un nouveau site en mode assists etape par etape 

Etape 1 : modification des fichiers 

Partie 1 - Saisir le nom du site SITEscore dans le champ de la premiere fenetre de la definition 
d'un site (voir figure 2-81 : si vous ne voyez pas cet ecran, verifiez que vous etes bien sous 
l'onglet Elementaire). 

Partie 2 - L'ecran suivant vous demande si vous desirez utiliser une technologie serveur. 
Validez l'option Oui puis selectionnez PHP MySQL dans le menu deroulant qui s'affiche 
alors dans la meme fenetre. Confirmez vos choix en cliquant sur le bouton Suivant (voir 
figure 2-82). 

Partie 3 - Vous devez maintenant choisir comment vous allez travailler sur vos fichiers 
pendant le developpement. Vous avez les choix suivants : 

• modifier et tester localement (mon serveur devaluation est situe sur cet ordinateur) ; 

• modifier localement, puis telecharger sur le serveur distant devaluation ; 

• modifier directement sur le serveur distant devaluation a l'aide du reseau local ; 

• modifier directement sur le serveur distant a l'aide d'une connexion FTP ou RDS. 

Vous allez choisir la premiere option (voir figure 2-83), puisque vous comptez travailler avec 
la suite Wamp5 qui est installee sur votre ordinateur et vous permettra de tester localement 
vos fichiers dynamiques. Un autre champ, en bas, vous demande de preciser le lieu de stoc- 
kage de vos fichiers sur votre ordinateur. Cliquez sur l'icone du repertoire, a droite du champ, 
pour parcourir votre disque local a l'aide de l'explorateur de fichiers (voir figure 2-84) et 
placez-vous sous le repertoire C:\wamp\www\. Ce repertoire correspond a la racine de votre 
serveur Web, et vous devez voir le repertoire SITEscore deja cree dans la partie precedente (si 
le repertoire du site n'existe pas encore, vous pouvez le creer a ce niveau en cliquant sur 
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Definition du site pour SITEscore 



Elermerrtaire Avance 

Definition du site 



Modification des fichiers 



Partage des f ichiers 



Dans Macromedia Dreamweaver, un site designs in ensemble de fichiers et de dossiers 
CQffl&QQQdanfc a un site Web sur un serveur, 




ttwaybj Li ii| i jj lBSm6b i niiii/iiniirili 



Si vous souhaitez travailter directement sur le serveur via FTP ou RD5, t| est reccnnmande de creer 
de preference une connexion au serveur FTP ou RD5 . Les connexions au serveur ne permettent 
pas d'effectuer des operations a Techelle du site, comme la verification des tens ou les rapports du 
site. 



Siivant > 



Annuler 



]C 



Aide 



Figure 2-81 

La premiere etape de configuration d'un site consiste a saisir le nam du projet auquel il se rapporte. 



l'icone Creer un nouveau repertoire en haut a droite de la fenetre de l'explorateur). Cliquez 
deux fois sur ce repertoire pour l'ouvrir, puis sur le bouton Selectionner pour valider votre 
choix. De retour a l'ecran de la partie 3, cliquez sur le bouton Suivant. 

Etape 2 : test des fichiers 

Dreamweaver utilise le protocole HTTP pour communiquer avec votre serveur d' evaluation 
local ; c'est pourquoi il a besoin de connaitre FURL que vous utiliserez pour tester votre site. 
Le champ concerne est deja initialise par l'URL http : //l ocal host/ ; il ne vous reste plus qu'a 
ajouter le nom du repertoire correspondant a votre nouveau site, soit : http: //local host/ 
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Definition du sile pour SITEscore 



Elementaire Avarice 

Definition du site 



Modification de fichiers, par tie 2 Test de 



Vou(e2-vous utilizer une technologie de serveui telle que ColdFusion. ASP.NET , ASP, JSP ou PHP ? 

J^'Nc ie n e veuK pas ulibei de lechnoloflie de seiveur. 
C © Oui\ veux utitser une techrwlogie de serveur, 

Quele technologie de serveur ? 
PHP MySQL 



Aucun 

ASP JavaScript 

ASP VBScript 
ASP.NET C» 

ASP.NET VB 
ColdFusion 



[ < Precedent | [ Suivart > | | Annuler Aide 



Figure 2-82 

Pour realiser un site dynamique, ilfaut indiquer que vous desirez utiliser une techrwlogie serveur et la choisir 
dans le menu deroulant (choisissez PHP dans le cadre de cet ouvrage). 

SITEscore/. Si Wamp5 est actif, vous pouvez cliquer sur le bouton Tester l'URL afin de vous 
assurer que tout est en etat de fonctionner (voir figure 2-85). Un message vous indiquant que 
le test du prefixe de l'URL a reussi s'affiche ; si ce n'est pas le cas, verifiez que Wamp5 est 
bien demarre (clic droit sur son icone) et que le repertoire selectionne a bien ete cree. Cliquez 
ensuite sur Suivant pour confirmer votre choix. 
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Definition du site pour SITEscore 



Eleimentaire Avarice 



Definition du site 



-to di fixation de fichier^, partie 3 



Partage des f jcNer* 



Comment voufez-vous tiavaiHer suf vos fichiers pendant le devetoppement ? 

Ji> Modifier et tester localemerSlrfion serveur devaluation est silue sut cet oidmateur) 
uis telechargei yets le serveui distant devaluation 
O Modifier directernenl sur le serveur distant d" evaluation a Taide du reseau local 



slk votie ordmalein ? 
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Figure 2-83 

Si vous avez installe Wamp5 sur votre ordinateur et que vous desirez Vutiliser comme serveur d' evaluation, ilfaut 
choisir la premiere option Modifier et tester localement. Sur ce meme ecran, vous devez aussi selectionner le 
repertoire de votre ordinateur sur lequel seront enregistres lesfichiers de votre site. 



Etape 3 : partage des f ichiers 

Le dernier ecran de configuration vous demande si vous desirez partager un serveur distant 
avec les membres de votre equipe. Cliquez sur Non dans un premier temps et validez ensuite 
en cliquant sur le bouton Suivant. Vous pourrez evidemment configurer ulterieurement les 
parametres de votre serveur distant. Nous commenterons d'ailleurs ci-apres la demarche a 
suivre pour ajouter les parametres d'un site distant en utilisant les ecrans de l'onglet Avance. 



© 

o 
o 

o 



Environnement de developpement IMj 



Chapitre 2 



Definition du site pour SITEscore X 


Elemental Avarice 


Definition du site — jaj~ -- 
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Choisissez Is dossier rdcirtG local pour le site SITEscore : 


©s 


^_ 


Com 
©I 


Seleclionnef : 


^J SITEscore v 


J t •& 






,_j Mes documents recents 






Oi 
©» 


ub 


Bureau 
,,' ^ Mes documents 






Mes documents 


j Poste de travail 








fecenis 


jj Disquette 3« (A) 








© 


s* WIN XP (C) 










1 TlllllIT 






Ciu \ 




fQHIISTT 1 






C:Vi 


a 


^LecteuiCDlE:) 








J, Lecteur CD [F:] 








Mes docurrwrits 


., i Document? partages 
_J Mas documents 








.* 


£3 Documents de invite 








rA Nikon View 








Posts de travaJ 


^ Favoiis reseau 








s 


Q SUURCESIiweDreartiPHP2C04 
Q VIDE POCHE 










1 SelectionneJ | 




Favoris tfaeau 


Se'betionrier : SITEscore 


j Annuler 




[ < Precedent J j Suivant > J | Annuler Aide 


1 













Figure 2-84 



riyui t: £-gt 

Utilisez V explorateur de fichiers pour selectionner le repertoire SITEscore. 



Etape finale : resume 

La derniere partie resume tous les parametres choisis lors des etapes de la definition de ce 
nouveau site (voir figure 2-87). Assurez-vous que chacune des options desirees soit correcte 
et cliquez sur le bouton Termine pour valider. A l'affichage du panneau Gerer les sites, 
cliquez de nouveau sur le bouton Termi ne : Dreamweaver enregistre alors tous les parametres 
dans le cache et retourne a l'espace de travail en preselectionnant le panneau Fi chi ers (onglet 
Fichiers) sur le repertoire local SITEscore (voir figure 2-88). 
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Definition du site pour SITEscore 




Elemertfaire Avance I 

Definition du site 



Test des ftchiers Partaoe des f 



Dreamweaver communique avec volte serveur devaluation a raide de HTTP (comme un 
navigateur), c est pourquoi il a besoin de ccmnajtre IURL du dossier racine de votre site. 



r jusqu'a la racine de votre site ? 













V 


Le test duprefixedl*U.areussi. 




1 OK | 
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Figure 2-85 

Completez V URL suggeree par Dreamweaver en ajoutant SITEscore a la suite, puis assurez-vous que celle-ci est 
active en cliquant sur le bouton Tester. 



Modification de la definition d'un site en mode Avance 

Pour modifier les parametres d'un site prealablement configure, vous pouvez parcourir a 
nouveau tous les ecrans detailles lors de sa creation et intervenir dans l'ecran concerne (onglet 
Elemental re). Une autre solution consiste a utiliser les rubriques de l'onglet Avance, qui 
permettent de modifier plus rapidement tous les parametres du site. Nous vous proposons 
d'utiliser cette deuxieme methode pour illustrer l'ajout des parametres FTP d'un site distant. 
L'acces a votre site distant vous permettra par la suite de publier votre site sur votre serveur 
de production, mais il ne peut etre realise que si vous disposez d'un hebergement et des para- 
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Definition du site pour SI TEscore 



Elementaire Avarice 



Definition du site 



Lor&que vous avez termine de modifier un fichiei, le copiez-vrnjs- su* une aulre machine ? II peLit 
s'agir du serveui Web de production ou d'un setveur de tesl due vous paitage; evec les membies 
de votre equipe. 



e veux utilisei un seiveur distant. 




©]Nori 
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Figure 2-86 

Dans un premier temps, nous ne configurerons pas les parametres du site distant. 

metres de son compte FTP. Si tel n'est pas le cas, vous pourrez bien sur modifier ces informa- 
tions ulterieurement lors de la mise en ligne de votre site. Cela ne change rien aux procedures 
de developpement de votre site qui suivent, puisqu'il sera teste en local sur votre ordinateur. 

Depuis le menu, selectionnez Site>Gerer les sites afind'afficher la fenetre Gerer les sites 
(voir figure 2-89). Cette fenetre comporte une zone de selection des sites deja installes sur 
votre ordinateur et plusieurs boutons dans la partie de droite : 

• Nouveau - pour creer un nouveau site ; 
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Definition du site pour SI I [score 



Elementaire Avarice 

Definition du site 

Votre site dispose des parametres survants : 

Infos locales ; 

Nom du site :SIT£scwe 

Dossier racine locaE : C:\wamp\www\SITEscore\ 

Infos distantes : 

Acces : A definir ulterieurement 



Serveur devaluation : 

Acces : Local/Reseant 

Repeitoiie distant iCAwatrpVwww'iSITEscoreV 

Vous pouve: configurer votre site a I'aide de fonojet Avarice. 



['<grdc^derjr:J | lerrrtine | Annuler Aide 



Figure 2-87 

Le dernier ecran affiche les differents parametres de la configuration du site. line reste plus qu 'a cliquer sur le 
bouton Terminer pour valider la creation du site. 



• Modifier - pour modifier les parametres d'un site existant (il faut evidemment le selec- 
tionner dans le cadre de gauche au prealable) ; 

• Dupl iquer - pour copier les parametres d'un site, afin de les utiliser pour un autre site 
dont la configuration est semblable ; 

• Supprimer - pour supprimer completement la configuration d'un site. 

• Exporter - pour transferer le profil complet d'un site dans le cas d'une installation sur un 
autre ordinateur ; 
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Figure 2-88 

Apres la validation, le 
panneau Fichiers doit 
afficher 

automatiquement le 
contenu du nouveau 
site. 




Figure 2-89 

Lafenetre Gerer les 
sites permet de creer, 
modifier, dupliquer ou 
transferer toute la 
configuration d'un site. 
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• Importer - pour recuperer le profil complet d'un site lors d'une nouvelle installation sur 
votre ordinateur, vous evitant ainsi de devoir ressaisir tous les parametres de configura- 
tion du site. 

Pour notre exemple, nous allons selectionner le site a modifier (SITEscore) dans le cadre de 
gauche, et cliquer ensuite sur le bouton Modifier. Nous nous retrouvons alors dans la meme 
fenetre Definition du site pour SITEscore que lors de sa creation (revoir figure 2-81). 
Cliquez cette fois sur l'onglet Avance du panneau Definition du site. 

Infos locales 

La premiere rubrique selectionnee affiche la page dediee aux informations locales (voir 
figure 2-90). Dans les deux premiers champs, nous retrouvons le nom du site et le chemin 
dans lequel sont stockes les fichiers du site qui ont ete definis lors de sa creation. Le troisieme 
champ permet de preciser le dossier special ou seront stockes les fichiers images (il est 
d'usage de toujours separer les medias dans la structure d'un site Internet ; ainsi, les fichiers 
HTML, images, sons, videos, etc., sont toujours enregistres dans des repertoires differents). 
Le champ Adresse HTTP permet d'indiquer l'URL sous laquelle votre site sera consumable 
depuis un navigateur. Ainsi, Dreamweaver peut verifier la validite des hyperliens que vous 
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avez integres dans le site. L'option Cache permet de memoriser les informations du site et 
accelere ainsi les differents traitements de l'editeur. Vous pouvez cocher cette option, mais 
elle sera surtout indispensable pour les sites de grande envergure. 



Definition du site pour SI TEscore 



Elementaire Avance 
Categoric 



Infos locales 



Infos distantes 
Serveur devaluation 
Votege 
Design Notes 

Mise en forme de la carte du site 

Colonnes en mode Fichier 
Contribute 




Dosser das Images par def aut 



*b^J Attua&ser automatiquement la liste des fiehiers keaux 

r le 



Liens relatf s a 1 ; ©Ur> document O La racine du site 



Adresse HTTP : I http://k*alnost/SITEMore/ 



Cette adresse est utilises poor les liens 
relatifs au site, et pour permettre au 
Verificateur de liens de detecter les liens 
HTTP qui font reference a votre propre site 



Liens sensible a la casse : Q utrliser verification des lens sensibte a la casse 
Cache : Activer le cache 

Le cache conserve les informations sur les 
fiehiers et les actifs du site, ce qui accelere 
les f onctionnalites du panneau des acttfs, 
de la oestkm des Bens et de la carte du site. 



OK | Annular Aide 



Figure 2-90 

La rubrique Infos locales de lafenetre Definition du site permet de difinir le nom du site et le dossier racine sous 
lequel seront stockes les fiehiers du projet. 



Infos distantes 

Selectionnez ensuite la rubrique Infos distantes dans le cadre de gauche (voir figure 2-91). 
Dans la partie de droite, selectionnez l'option FTP dans le menu deroulant. Saisissez ensuite 
les parametres de votre compte FTP dans les champs appropries qui apparaissent dans cette 
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fenetre. Les informations concernant l'hote FTP, le repertoire de l'hote, le nom de l'utilisateur 
et le mot de passe doivent etre fournis par votre hebergeur (a titre d' illustration, vous trou- 
verez dans le tableau 2-12 des exemples de parametres possibles pour un compte FTP). 

Au terme de votre saisie, vous pouvez verifier l'exactitude de vos informations en cliquant sur 
le bouton Tester. Cliquez ensuite sur OK puis sur le bouton Terminer de la fenetre Modifier 
1 es si tes pour confirmer vos modifications. 



Definition du site pour SI It score 
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Design Notes 
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r FTP passif 
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£ompatibiK:e du serveur. 
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fj] Activer rarcrivaqe et lextraction de fichier 



OK [ Annuter Aide 



Figure 2-91 

La rubrique Infos distantes de la fenetre Definition du site permet de defmir les differents parametres pour la 
publication de votre site sur le serveur distant en FTP. 
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Tableau 2-12 - Description des parametres d'un compte FTP et exemple de configuration. 
Ces parametres doivent vous etre communiques par votre hebergeur. 



Norn du champ 


Description 


Exemple de parametres 


Hote FTP 


Adresse Internet (nom ou IP) du serveur FTP. 


217.194.194.174 


Repertoire 


Repertoire distant dans lequel vous devez telecharger vos 
fichiers (champ optionnel chez certains hebergeurs). 


/web/ 


Nom de I'utilisateur 


Nom du compte FTP. 


ftp_score 


Mot de passe 


Mot de passe FTP. 


1234 



Dans la partie inferieure de la fenetre, d'autres options peuvent egalement etre configurees. 
Selon les particularites de votre connexion a Internet ou de votre pare-feu, vous pouvez 
utiliser l'option FTP passif ou configurer precisement les parametres de votre pare-feu (si 
votre reseau local en est equipe) dans la fenetre Preferences de Dreamweaver. L'option 
Secure FTP (SFTP) permet de vous connecter en mode securise code si votre site distant a ete 
configure en consequence. En bas de la page, trois autres options peuvent etre activees. 
Conserver les informations de synchronisation permet de synchroniser automatiquement 
les fichiers de votre site local et de votre site distant. Telecharger automatiquement les 
fichiers sur le serveur permet demettre automatiquement a jour vos fichiers surle serveur 
distant lors de chaque enregistrement execute en local. Enfin, Activer l'archivage et 
1 'extraction de fichier vous permet de travailler en equipe sur le meme serveur distant. 
Dans ce cas, vous devez indiquer votre identifiant et votre e-mail dans les champs qui s'affi- 
chent apres avoir valide cette option. 

Nous venons de configurer la connexion FTP et nous pourrions valider nos modifications et 
sortir de la fenetre Definition du sitemaintenant. Cependant, nous vous suggerons de selec- 
tionner la rubrique Serveur d'eval uation afin de decouvrir les options qu'elle contient. 



Le protocole WebDAV, une autre alternative d'acces distant 

Certains serveurs, comme Apache Web Server ou Microsoft Internet Information Server, permettent d'utili- 
ser le protocole WebDAV. Ce protocole, Web-based Distribued Authoring and Versioning, permet de gerer 
les problemes de versions et d'autorisations qui se posent des que Ton travaille a plusieurs sur le meme 
projet. 



Serveur (devaluation 

La page de la rubrique Serveur d'eval uation regroupe tous les parametres destines a confi- 
gurer le serveur de test selon les scripts utilises (voir figure 2-92). Tous ces parametres ont 
deja ete configures lors de la creation du site en mode Elemental' re et vous n'avez done 
aucune modification a effectuer ; toutefois, il est interessant de faire la correspondance entre 
ces deux representations pour bien comprendre l'utilite de chaque champ. 
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Dans le cadre de cet ouvrage, le modele de serveur est le couple PHP/MySQL. L'acces se fait 
en mode local puisque le serveur Web, le moteur PHP et le serveur MySQL (installes avec la 
suite Wamp5) sont disponibles sur l'ordinateur de developpement oil est installe Dream- 
weaver. Le dossier du serveur devaluation est le meme que celui de la racine locale (revoir 
page Infos locales) : C:\wamp\www\SITEscore\. De meme, FURL sous laquelle sera dispo- 
nible le site sur le serveur d'evaluation est http://localhost/SITEscore/, car la racine du 
serveur http: //local host se trouve au niveau du dossier C:\wamp\www\. 



Definition du site pour SITEscore 



Elemental Avarice 
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dossier racine du site sur le serveur d'evaluation. 
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Aide 



Figure 2-92 

La rubrique Serveur d'evaluation de lafenetre Definition du site permet de definir les differents parametres du 
serveur qui testera les scripts dynamiques PHP et les acces a la base de donnees MySQL. 
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Creation d'une connexion a une base de donnees 



Le concept de la connexion a la base 

Les parametres du site etant definis et la base de donnees score_db creee, nous pouvons main- 
tenant configurer la connexion a cette base, afin d'acceder aux donnees depuis les pages PHP 
du site. Pour bien comprendre le concept de la connexion a la base, nous allons la comparer a 
l'ouverture d'un « canal » entre la base et les pages dynamiques du site (voir figure 2-93). Ce 
canal permettra par la suite d'acceder aux differents champs qui constituent les tables de la 
base et de creer des requetes SQL pour exploiter une selection d'enregistrements (choisis 
grace aux jeux d'enregistrements que nous allons detailler dans la partie suivante). Cepen- 
dant, l'activation de ce canal ne peut etre effectuee qu'apres une identification de l'utilisateur 
qui en fait la demande. Dans la partie precedente, dediee au gestionnaire de base de donnees 
phpMyAdmin, nous avons cree un compte utilisateur score dans la table user de la base 
mysql. Ce sont ces parametres qui vont etre utilises dans le cadre du parametrage ci-dessous 
afin que score soit reconnu par le serveur MySQL comme un utilisateur de la base score_db. 



Figure 2-93 

Schema de principe 
d'une connexion a la 
base de donnees : la 
connexion pent etre 
comparee a un « canal » 
qui permet le dialogue 
entre le serveur Web et 
le serveur MySQL. 



Ordinateur de developpement (localhost) 



Serveur MySQL 



Base mysql 



Table USER 




Base score db 



Table VENTES 
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Table COMMERCIALS 



Table AGENCES 



Connexion a la 
basescore_db : 
"ConnexionScore" 

host: localhost 
user: score 
password : 1 234 



T 



Serveur Web 
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Procedure de creation d'une connexion 

1. Ouvrez une page PHP dans Dreamweaver: menu Fichier>Nouveau, selectionnez Page 
dynamique et PHP puis cliquez sur Creer (voir figure 2-94). 

2. Deroulez le panneau Application et selectionnez l'onglet Bases de donnees. 

3. Cliquez sur le bouton + et selectionnez la rubrique Connexion MySQL qui s'affiche dans le 
menu contextuel (voir figure 2-95). 



Nouveau document 



General Modeles 



Categorie 



Page dynamique 

iyu iiwJlIl 
Autre 

Feuilles de style en cascade (CSS) 
Jeux de cadres 
Conceptions de page (CSS) 
Pages d'acoietf 
Conceptions de page 




Page dynamique : 
■j ASP JavaScript 
(£ ASP VBScript 
S£ ASP.NET C# 
g£ ASP.NET V6 
j ColdFusion 
,j Compos ant ColdFusion 
JSC- 



Apercu : 



cAucun apercu> 



Description : 



Document PHP 



Type de document [DTD] : 



XHTML 1.0 Iransilionnel 



Aide [ Preferences... Obtenir du contenu supplemental.. 




Creer 



Annuler 



Figure 2-94 

Pour creer une connexion, commencez par ouvrir une page dynamique PHP. 
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4. La fenetre Connexion MySQL doit alors s'afficher. 

5. Saisissez un nom pour la connexion que vous allez creer. Donnez-lui un nom explicite 
sans utiliser d'espace. Dans le cadre de notre application nous utiliserons Connexion- 
Score. 
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Figure 2-95 

Depuis le panneau 
Bases de donnees, 
cliquez sur + et 
selectionnez Connexion 
MySQL pour ouvrir la 
fenetre de parametrage 
de la connexion a la 
base. 



1 



i±!B Typed* rjatument :PW> Si 

cettepaoe : 

* 1. Creea un flte pot* GB fierier, 

• 2- Ctosiaez un type de document ■ 

*> 3- Configurer te serveur cfewduatmn ckj 

site. 
4. Cre>£ une connexion en cbquant sur 

le be Jton - ci-dessus. 



Dans le champ Serveur MySQL, indiquez l'ordinateur sur lequel est installe le serveur 
MySQL. Cela peut etre une adresse IP ou un nom de serveur ; dans notre cas, le serveur 
MySQL etant installe sur le meme serveur que PHP, nous saisissons 1 ocal host. 

Saisissez ensuite les parametres de l'utilisateur score (revoir le tableau 2-10 pour 
memoire) : nom de l'utilisateur = score et mot de passe = eyrolles. Cependant, pour 
ceux qui n'ont pas defini l'utilisateur score dans la partie precedente, il peuvent entrer 
provisoirement l'utilisateur installe par defaut sur la base MySQL : nom de 
l'utilisateur = root, pas de mot de passe. 

Cliquez sur le bouton Sel ecti onner pour afficher toutes les bases de donnees disponibles 
sur votre serveur devaluation (voir figure 2-96). Selectionnez la base score_db et vali- 
dez en cliquant sur le bouton OK. 



Figure 2-96 

Saisissez les parametres 
du compte utilisateur 
score dans la fenetre de 
connexion, puis cliquez 
sur le bouton 
Selectionner pour 
afficher la liste des 
bases disponibles sur le 
serveur MySQL. 
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9. La base selectionnee doit alors etre affichee dans le champ Base de donnees. Vous pou- 
vez maintenant verifier si la connexion est valide en cliquant sur le bouton Tester. Un 
message doit alors vous informer que la connexion est etablie si tous vos parametres sont 
corrects (voir figure 2-97). Si la connexion echoue, verifiez de nouveau les parametres 
ci-avant (Serveur, Nom, Mot de passe) et assurez-vous que Wamp5 est bien actif. 

10. Fermez la fenetre du message et confirmez la creation de la connexion en cliquant sur le 
bouton OK. 

11. La connexion a la base de donnees est desormais etablie, et une icone representant la 
base score_db doit apparaitre dans la fenetre Bases de donnees. Vous pouvez alors cli- 
quer successivement sur les + qui precedent les noms des branches de l'arborescence 
(ConnexionScore, Table, puis commerciaux par exemple) pourdeplier l'arbre de la base de 
donnees et faire apparaitre les differents champs qui constituent chacune des tables (voir 
figure 2-98). 



Attention, le repertoire Connections ne doit pas etre supprime 

Apres la creation d'une connexion, un sous-repertoire est automatiquement cree dans l'arborescence du 
site (C:\wamp\www\SITEscore). II se nomme Connections et contient un fichier PHP portant le nom 
de la connexion qui vient d'etre configured (voir figure 2-99). Ce fichier regroupe tous les parametres de 
votre connexion (nom du serveur MySQL, login du compte, mot de passe, nom de la base de donnees) et 
doit etre transfere sur le serveur distant lors de la publication du site. Evidemment, ce repertoire et ce 
fichier ne doivent en aucun cas etre supprimes, au risque d'interrompre toutes les interactions entre la 
base de donnees et les pages dynamiques du serveur. 



Figure 2-97 

Avant de valider votre 
connexion, vous pouvez 
tester si tous les 
parametres sont 
corrects en cliquant sur 
le bouton Tester. 
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Figure 2-98 

Unefois la connexion 
etablie, vous pouvez 
consulter tous les 
champs disponibles 
dans chacune des tables 
de la base de donnees. 
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F^ secteur (varchar 50 Obligatoire) 
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9^ agencesID (tinyint 4 Obligatoire) 
^ email (varchar 100 Obligatoire) 
ID (tinyint 4 Obligatoire) 
norn (varchar 50 Obligatoire) 
prenom (varchar 50) 






- H ventes 



"q annee (year 4 Obligatoire) 

^jj commerciaux ID (tinyint 4 Obligatoire) 

°5 ID (smallint 6 Obligatoire) 

^ mois (varchar SO Obligatoire) 

^ resultat (decimal 10j2 Obligatoire) 



Figure 2-99 

Lors de la creation 
d'une connexion, un 
repertoire Connections 
et un fichier portant le 
nom de la connexion 
ConnexionScore.php 
sont automatiquement 
crees dans 
I ' arborescence du site. 




B £j( Site - SITEscore (O:\wamp\www\SITEscore) 




ConnexionScore.php 

bonroU! ,uhp 

temp.html 



Si on ouvre le fichier ConnexionScore.php dans l'editeur de code de Dreamweaver, on 
remarque qu'il contient tous les parametres de la connexion qui vient d'etre creee (pour ouvrir 
ConnexionScore.php, double-cliquez sur le fichier dans le panneau Site, puis cliquez sur le 
bouton Afficher en mode Code si vous n'y etes pas deja) : 
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ConnexionScore.php 

<?php 

# Fil eName="Connection_php_mysql .htm" 

# Type="MYSQL" 

# HTTP="true" 

$hostname_ConnexionScore = "local host"; 
$database_ConnexionScore = "score_db"; 
$username_ConnexionScore = "score"; 
$password_ConnexionScore = "eyrolles"; 
$ConnexionScore = mysql_pconnect($hostname_ConnexionScore, 

$username_ConnexionScore, $password„ConnexionScore) or 
trigger_error(mysql_error( ) ,E_USER_ERROR) ; 
?> 

Parametrage d'un jeu d'enregistrements 
Le concept du jeu d'enregistrements 

Nous avons deja aborde la structuration d'une base de donnees (revoir la partie dediee au 
gestionnaire phpMyAdmin). Pour pouvoir exploiter les enregistrements de la base, nous 
allons devoir extraire un sous-ensemble de donnees d'une ou plusieurs tables de la base. Cet 
ensemble d'enregistrements s'appelle un jeu d'enregistrements et forme une nouvelle table a 
son tour, puisqu'il est forme de champs et d'enregistrements selon la requete d' extraction 
employee. Pour creer un jeu d'enregistrements, nous allons done devoir elaborer une requete 
de base de donnees, qui se caracterisera par les criteres de selection des enregistrements et par 
les champs demandes (voir figure 2-100). Les requetes sont ecrites en SQL (Structured Query 
Language), qui est un langage structure permettant de recuperer des donnees d'une base. 
Heureusement, Dreamweaver 8 permet de creer des requetes simples en mode assiste, a l'aide 
d'un formulaire avec lequel vous n'avez pas besoin de connaitre ce langage. Cependant, si 
vous desirez creer des requetes SQL elaborees, il vous faut passer en mode Avance et rediger 
manuellement les requetes (l'apprentissage du SQL sera aborde plus tard, au chapitre 4). 

Pour transmettre la requete SQL a la base de donnees, il est indispensable qu'une connexion 
soit prealablement etablie avec le serveur MySQL (reportez-vous a la partie precedente pour 
la creation d'une connexion a la base, si ce n'est pas deja fait). La requete et le jeu d'enregis- 
trements emprunteront le « canal » de la connexion ConnexionScore, que nous avons deja 
configure. Les differentes informations qui constituent une requete permettent de selectionner 
la table (ou les tables) de la base a laquelle la connexion nous donne acces, et permettent aussi 
de definir les criteres de selection des enregistrements et les noms des champs qu'on desire 
exploiter dans la page dynamique du site (voir figure 2-101). En reponse, le serveur MySQL 
renvoie un jeu d'enregistrements en rapport. Ces enregistrements sont ensuite utilises comme 
elements dynamiques dans la page PHP qui a provoque la requete. 
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Procedures de parametrage d'un jeu d'enregistrements 

Pour parametrer un jeu d'enregistrements, Dreamweaver propose deux modes : Simpl e et Avance. Nous 
detaillerons ici les fenetres et les procedures pour ces deux modes ; cependant pour le mode Avance, 
nous vous invitons a consulter le chapitre 4 pour approfondir la redaction des requetes SQL. 



Figure 2-100 

Le jeu d'enregistrements 
est une extraction de 
certaines donnees d'une 
table de la base selon la 
requete envoyee au 
serveur MySQL. Ce 
diagramme d'echange 
serveurs Web/MySQL 
sera par la suite utilise 
pour illustrer chaquejeu 
d'enregistrements de ce 
chapitre. 
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■ Filtre de selection 

Selection d'enregistrements 



® 



Serveur Web 



® 



Requete SQL envoyee 
au serveur MySQL 



S E LECT com m erci a uxl D, res u I ta t 
FROM commerciaux WHERE mois='1 T 



Jeu d'enregistrements 
retourne par le serveur 
MySQL 




Fenetre de parametrage d'un jeu d'enregistrements en mode Simple 

La fenetre de parametrage d'un jeu d'enregistrements est composee de deux parties (voir 
figure 2-102). Dans la partie superieure, vous indiquez les informations indispensables qui 
definissent le jeu, alors que dans la partie inferieure, vous pouvez structurer votre requete pour 
selectionner tout ou partie des champs de la table, definir un filtre de selection des enregistre- 
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Figure 2-101 

Schema de principe 
d'une requete et d'un 
jeu d'enregistrements : 
la requete SQL et le jeu 
d'enregistrements 
utilisent le « canal » de 
la connexion a la base 
de donnees pour passer 
du serveur Web au 
serveur MySQL et vice 
versa. 



Ordinateur de developpement (localhost) 



Serveur MySQL 



Base mysql 



Table USER 




Base score db 
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Lilies 











Envoi d'une requete 
et recuperation du 

jeu d'enregistrements 




•K 



Serveur Web 



Page PHP 



Requite SQL 



SELECT commerciauxID. 
resullat FROM commercial!* 
WHERE mois- 11' 



Jeu d'enregistrements 
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53IIHI 



merits ou encore preciser dans quel ordre seront tries les enregistrements retournes par le 
serveur MySQL. Vous trouverez ci-dessous la description de chacune de ces zones : 

• Nom - indiquez ici le nom du nouveau jeu d'enregistrements. 

• Connexion - selectionnez la connexion a la base utilisee pour transferer la requete au 
serveur MySQL et pour recuperer les enregistrements renvoyes. 

• Tabl e - selectionnez ici la table dans laquelle seront extraits les enregistrements. 

• Col onnes - choisissez Toutes pour extraire l'ensemble des champs ou Sel ectionnes pour 
extraire les seuls champs selectionnes dans la fenetre situee en dessous de cette option. 

• Fi 1 tre - permet de parametrer une selection d'enregistrements selon un critere defini. 

• Trier - permet de trier les enregistrements retournes par le serveur MySQL. 
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Fenetre de creation d'un 
jeu d'enregistrements en 
mode Simple. Si la 
fenetre est dejd en mode 
Avance, vouspouvez 
revenir en mode Simple 
en cliquant sur le 
bouton situe a droite de 
la fenetre. 
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Procedure de pammetmge d'un jeu d'enregistrements en mode 
Simple 

1 . Assurez-vous que Wamp5 est bien actif et qu'une connexion a la base a deja ete creee en 
cliquant sur l'onglet Bases de donnees du panneau Application (revoir la procedure 
detaillee ci-dessus si elle n'a pas encore ete creee). Ouvrir une nouvelle page PHP (menu 
Fichier>Nouveau>Page dynamique + PHP). 

2. Cliquez ensuite sur l'onglet Liaisons du panneau Application. 

3. Cliquez sur le bouton + puis selectionnez Jeu d'enregistrements (Requete) afin d'affi- 
cher la fenetre de creation du jeu d'enregistrements (voir figure 2-103). 



Figure 2-103 

Pour ouvrir la fenetre de 
parametrage d'un jeu 
d'enregistrements, il 
faut cliquer sur le 
bouton + du panneau 
Liaisons puis 
selectionner Jeu 
d 'enregistrements. 
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Variable d'URL 
Variable de session 
Variable cookie 
Variable de serveur 
Variable d'environnement 



Obtenir d'autres sources de domees., 



© 

o 
o 

O 



Environnement de developpement 



Chapitre 2 



4. Nommez le nouveau jeu d'enregistrements (utilisez uniquement des lettres, des chiffres 
ou encore le caractere de soulignement « _ », mais ni espace ni caracteres speciaux). II 
est d'usage de faire preceder le nom du jeu du prefixe rs pour RecordSet ; c'est pourquoi, 
pour notre exemple, nous utiliserons le nom rsCommerciaux, qui represente unjeu d'enre- 
gistrements issu de la table commerciaux precedemment creee. 

5. Selectionnez la connexion desiree dans le menu deroulant (prendre la connexion Con- 
nexionScore que nous venons de creer). Au besoin, vous pouvez cliquer sur le bouton 
Definir, qui affiche une nouvelle fenetre pour creer, dupliquer ou modifier une con- 
nexion si celles qui sont disponibles ne vous conviennent pas (voir figure 2-104). Des 
que la selection de la connexion est effectuee, Dreamweaver recupere la liste des tables 
contenues dans la base de donnees afin d'actualiser les choix possibles dans le menu 
deroulant de la table. 

6. Selectionnez la table concernee par la requete dans le menu deroulant Table. Pour notre 
exemple, nous choisirons la table commerciaux. 



Figure 2-104 

Dans la fenetre de 
creation du jeu 
d'enregistrements, vous 
devez saisir le nom de ce 
nouveau jeu et 
selectionner la 
connexion dans le menu 
deroulant. Vous pouvez 
aussi cliquer sur le 
bouton Definir pour 
creer une nouvelle 
connexion, ou encore 
pour modifier ou 
dupliquer une 
connexion existante. 




Pour le choix Colonnes, vous pouvez opter pour Toutes (voir figure 2-106 ; dans ce cas, 
tous les champs de la table sont retournes dans le jeu d'enregistrements) ou pour Selec- 
ti onnes (voir figure 2-108 ; il faut alors preciser le nom des champs desires dans la fene- 
tre situee en dessous - utilisez la touche Ctrl (pour PC) ou Pomme (pour Mac) pour une 
selection multiple de champs discontinus). Meme si la facilite de selectionner tous les 
champs est tentante, il est cependant preferable d'extraire seulement les champs neces- 
saires si vous desirez ameliorer les performances de votre site. Apres avoir configure les 
champs a extraire, vous pouvez tester votre requete en cliquant sur le bouton Tester. 
Vous trouverez ci-apres deux tests realises avec chacune de ces options (voir 
figures 2-105 a 2-108). 
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Diagramme d'echange 
serveurs Web/MySQL 
illustrant un jeu 
d'enregistrements qui a 
pour but d'extraire 
Vintegralite des champs 
de la table 
commerciaux. 
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Figure 2-106 

Resultat d'un test avec 
I 'option Toutes validee. 
Les donnees issues de ce 
jeu represented tous les 
champs et tous les 
enregistrements de la 
table commerciaux. 
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Dans la rubrique Filtre, vous pouvez definir des criteres de selection des enregistre- 
ments. Par defaut, le menu deroulant du filtre est initialise sur Aucun (voir figure 2-106) 
et, dans ce cas, tous les enregistrements de la table sont renvoyes par le serveur MySQL. 
Nous vous proposons de parametrer un filtre qui extrait les enregistrements de la table 
selon la valeur du champ prenom (voir figure 2-109). Pour cela, il faut configurer les dif- 
ferents champs du filtre de la maniere suivante : 

Sur la premiere ligne du filtre, selectionnez le premier menu deroulant sur le nom du 
champ prenom, puis selectionnez l'operateur du deuxieme menu deroulant sur le signe egal =. 

• Sur la deuxieme ligne, selectionnez le premier menu deroulant sur Parametre d'URLet 
saisissez dans la zone de droite le nom de la variable d'URL. Dans notre exemple, nous 
definirons la variable VARprenom. Cette variable pourra ensuite etre passee a la page 
dynamique directement par l'URL (exemple : nomdufichier.php?VARprenom=Laurence) 
ou a Faide d'un formulaire configure en methode GET. 
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Figure 2-107 

Diagramme d'echange 
serveurs Web/MySQL 
illustrant un jeu 
d'enregistrements qui a 
pour but d'extraire les 
seuh champs nom et 
prenom de la table 
commerciaux. 
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Figure 2-108 

Resultat d'un test avec 
l' option Selectionnees 
validee, ainsi que les 
champs nom et prenom. 
lei, tous les 
enregistrements sont 
presents, mais seules les 
valeurs des colonnes 
nom et prenom sont 
retournees. 
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• Cliquez ensuite sur le bouton Tester. Une nouvelle fenetre s'affiche (voir 
figure 2-110) et vous demande de saisir une valeur test pour simuler le parametre 
passe dans l'URL. Saisissez Laurence et validez en cliquant sur le bouton OK. La 
fenetre des resultats donne alors le seul enregistrement correspondant a la requete 
(voir figure 2-111). Si vous renouvelez le test avec une valeur differente de Laurence, 
alors aucun enregistrement n'est retourne par le serveur MySQL. 

9. La derniere ligne de la fenetre permet de trier les enregistrements retournes par le serveur 
MySQL selon un champ et un ordre choisis. Pour illustrer cette option, nous allons con- 
figurer un jeu d'enregistrements qui affiche tous les champs et enregistrements de la 
table commerciaux (selectionnez le filtre de nouveau sur Aucun), tries selon le champ nom 
par ordre croissant (voir figure 2-112). Pour cela, il suffit de reprendre le jeu precedent et 
de selectionner dans le premier menu deroulant le champ nom, puis dans le deuxieme 
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Diagramme d'echange 
serveurs Web/MySQL 
illustrant unjeu 
d'enregistrements qui a 
pour but d'extraire une 
selection des 
enregistrements qui 
repondent a la condition 
du fibre (dansl'exemple 
ci-dessus, le champ 
prenom doit etre egal a 
la valeur Laurence). 
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Apres avoir clique sur le 
bouton Tester, saisissez 
une valeur de test pour 
la variable VARprenom 
afin de verifier le bon 
fonctionnement de votre 
requete. 
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Void le resultat d'un 
test avec lefiltre 
suivant : 

prenom= VARprenom (la 
valeur de la variable 
VARprenom fournie 
dans la boite de 
dialogue etant 
Laurence). Seul 
Venregistrement 
repondant a la requete 
est renvoye par le 
serveur MySQL. 
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menu deroulant l'ordre croissant. Cliquez ensuite sur le bouton Tester pour afficher le 
resultat (voir figure 2-113). 



Figure 2-112 

Diagramme d'echange 
serveurs Web/MySQL 
illustrant un jeu 
d'enregistrements qui a 
pour but d'extraire 
I'integralite des champs 
de la table 

commerciaux, et de les 
trier selon les valeurs du 
champ nom par ordre 
croissant. 
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Figure 2-113 

Resultat d'un test avec 
tri croissant sur le 
champ nom. Les 
enregistrements 
retournes sont classes 
selon l'ordre 
alphabetique des noms 
de chaque 
enregistrement. 



QHW1® TOUEM SfemWrtKl 




IttfiM 
\.: 






FAre ; AuMI 





^Trk» i ncro 



> 




i*it A#tyi oht -w< 



10. Enfin, si vous desirez enregistrer l'un de ces jeux d'enregistrements pour pouvoir en 
exploiter les valeurs dans votre page dynamique, il sera alors affiche dans la fenetre 
Liaisons (voir figure 2-114). 
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Fenetre de parametrage d'unjeu d'enregistrements en mode Avance 

Afin de comparer le parametrage en modes Simple et Avance, nous vous suggerons de confi- 
gurer d'abord un jeu en mode Simple avant de basculer en mode Avance. Pour l'exemple, 
commencez par parametrer en mode Simpl e un jeu destine a recuperer les colonnes vi 1 1 e et 
secteur de la table agences, avec un filtre sur le champ secteur, et triees selon l'ordre crois- 
sant du champ vi 1 1 e comme indique a la figure 2-115. Pour acceder a la fenetre de creation 
d'unjeu d'enregistrements en mode Avance, vous devez cliquer sur le bouton Avance situe a 
droite de la fenetre (voir figure 2-115). 



Figure 2-1 15 

A partir du mode 
Simple, vouspouvez 
passer en mode Avance 
en cliquant sur le 
bouton Avance a droite 
de la fenetre. 
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Pour en savoir plus sur les requetes SQL, reportez-vous au chapitre 4 

La fenetre de parametrage d'un jeu d'enregistrements en mode Avance permet de creer des requetes 
plus sophistiquees, mais necessite la connaissance du langage SQL. Cependant, dans le cadre de cette 
presentation de I'interface, nous n'aborderons pas I'ecriture des requetes SQL et nous vous invitons a 
consulter le chapitre 4 qui traite de ce sujet. 



Si on observe la fenetre (voir figure 2-1 16), on remarque que les deux premieres informations 
sont identiques aux zones de saisie du meme nom du mode Simple. Dans la zone Norn, vous 
devez done saisir le nouveau nom du jeu d'enregistrements a creer, et dans le menu deroulant 
Connexi on, vous devez selectionner la connexion a utiliser pour acceder a la base de donnees, 
comme nous l'avons deja detaille pour le mode Simpl e. 

La zone de texte SQL, quant a elle, integre toutes les options du parametrage correspondant 
aux informations Table, Colonne, Filtre et Tri du mode Simple, comme le demontre notre 
exemple : 

• SELECT ville, secteur - indique la selection des colonnes des champs vi lie et secteur. 

• FROM agences -precise que la table agences est concernee par la requete. 
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Figure 2-116 

Fenetre de creation d'un 
jeu d 'enregistrements en 
mode Avance. On 
remarque que les 
parametres du mode 
Simple sont conserves 
mais presentes 
differemment. Pour 
revenir en mode Simple, 
il suffix de cliquer sur le 
bouton Simple situe a 
droite de la fenetre. 
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• WHERE secteur=' col name ' - parametre le filtre des enregistrements sur le critere secteur 
='colname' (dans ce cas, la variable 'colname' doit etre definie dans le champ des varia- 
bles). 

• ORDER BY vi 1 1 e ASC - parametre le tri par rapport a l'ordre alphabetique du champ vi 1 1 e. 

La zone Vari abl es permet de definir de nouvelles variables qui seront utilisees dans la requete 
SQL. Pour inserer une variable, il faut cliquer sur + puis, dans la fenetre qui s'ouvre (voir 
figure 2-117), saisir le nom de la variable (Name), sa valeur par defaut (Def aul t val ue), puis sa 
valeur d'execution (Runtime val ue). En guise d'exemple, voici les valeurs qu'il faudrait saisir 
pour chacun des champs, afin de recreer une variable identique a celle creee automatiquement 
par Dreamweaver lors du passage du mode Simpl e au mode Avance (revoir figure 2-115) : 

• Name : col name (ce nom doit correspondre au nom utilise dans la definition du filtre de la 
requete SQL; par defaut, Dreamweaver a choisi le nom colname, que nous allons 
conserver). 

• Default value : 1 (ici encore, Dreamweaver a choisi la valeur 1 automatiquement, mais 
nous pourrions choisir une valeur differente selon 1' application a creer ou encore dans le 
cadre de tests de requete, comme nous allons le voir ci-apres). 

• Runtime value : $_GET['VARsecteur'] (represente la variable passee en parametre 
d'URL. Par exemple, vous pourriez creer cette variable a l'aide d'un formulaire configure 
en methode GET dont le champ de saisie porterait le nom VARsecteur). 

De la meme maniere que nous avons realise des tests en mode Simpl e, nous pouvons aussi les 
realiser en mode Avance. Cependant, la boite de dialogue vous demandant d'indiquer la valeur 
de test ne s'affiche pas dans ce mode. II faut done, au prealable, changer la valeur par defaut 
de la variable colname pour y saisir la valeur a tester (cliquez dans la zone Variable ; sur le 
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Figure 2-1 17 

Fenetre d'ajout d'une 
nouvelle variable 
utilisable dans la 
requite SQL. 



ms 




champ de la valeur par defaut, mettre sud a la place du 1 pour l'exemple, afin de selectionner 
l'agence de ce secteur). Cliquez ensuite sur le bouton Tester pour afficher les resultats de 
votre requete (voir figure 2-1 19). Apres les tests, il convient de remettre une valeur par defaut 
neutre (1 par exemple) pour ne pas perturber le fonctionnement de l'application. 

La derniere zone, intitulee Elements de base de donnees, est un assistant qui permet de creer 
des requetes SQL a l'aide des boutons d'insertion SELECT, WHERE et ORDER BY. Pour utiliser cet 
editeur SQL, vous devez au prealable selectionner le champ concerne dans le cadre de gauche 
puis cliquer sur Fun des boutons d'insertion. Par exemple, si vous desirez ajouter le champ ID 
a notre jeu d'enregistrements precedent, vous devez derouler l'arborescence de la table 
agences et selectionner le champ ID, puis cliquer sur le bouton SELECT. Le champ ID est alors 
automatiquement ajoute dans la requete SQL (voir figure 2-120). Le principe est identique 
pour les deux autres boutons WHERE (filtre) et ORDER BY (tri). 



Figure 2-118 

Diagramme d'echange 
serveurs Web/MySQL 
illustrant unjeu 
d'enregistrements qui a 
pour but d'extraire les 
champs ville et secteur 
de la table agences 
selon une selection 
repondantala condition 
du filtre (dans l'exemple 
ci-dessus, le champ 
secteur doit etre egal a 
la valeur sud). 
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Requete : 



SELECT ville.secteur 
FROM agences 
WHERE secteur=VARsecteur 
ORDER 8Y ville ASC 



Jeu d'enregistrements : 
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Figure 2-119 

En mode Avarice, vous 
pouvez aussi realiser 
des tests de requete, 
mais iljaut auprealable 
remplacer la valeurpar 
defaut de la variable par 
la valeur a tester (dans 
Vexemple ci-dessus, 
nous avons remplace 1 
par sud). 




Figure 2-120 

Dans la zone inferieure 
de lafenetre, 
Dreamweaver met a 
votre disposition un 
assistant afin de vous 
aider dans la creation 
des requites SQL. 



Jeu d'errrteist cements 



Ncm : 


r'sCommercisuK 












■*'!■.-.;. :r, : 


ComeaonScor s -v "-^^ 1 


; o#«.. 




SQL: 


SaCCT v* # Mctek, l -I-!-liU4fl»: J 
FROMagences \^ _j/ 
WHERE scrtcur » tagftn^ "^ 
Cftttft By rih AX 




■'■■s- sb'*s ; 


.t.l-| 




Run-time viue 






t.GEnVASsMteW} 





LZ«: 



I ™» 




o- 

c 
O 



Procedure de parametrage d'un jeu d'enregistrements en mode 
Avance 

Pour illustrer cette procedure, nous vous proposons de creer le meme jeu d'enregistrements 
que celui qui a ete utilise comme exemple dans la presentation de l'interface precedente 
(revoir figure 2-116). Cependant, nous n'allons pas convertir le jeu du mode Simple au mode 
Avance, mais nous allons indiquer toutes les etapes pour le creer entierement a l'aide de la 
fenetre en mode Avance. 

1. Assurez-vous qu'une connexion a la base a deja ete creee en cliquant sur l'onglet Bases 
de donnees du panneau Appl i cation et ouvrez une nouvelle page PHP. 
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2. Cliquez ensuite sur l'onglet Li ai sons du meme panneau. 

3. Cliquez sur le bouton + puis selectionnez Jeu d'enregistrements (Requete) afin d'affi- 
cher la fenetre Jeu d'enregistrements. 

4. Dans la fenetre de creation, cliquez sur le bouton Avance. 

5. Dans les zones Nom et Connexion, saisissez un nouveau nom pour le jeu a creer (rsAgen- 
ces) et selectionnez une connexion a la base (ConnexionScore). 

6. Saisissez ensuite l'instruction de la requete dans la zone de texte SQL (voir 
figure 2-121 : respectez scrupuleusement la syntaxe de la requete ci-apres). 

SELECT ville, secteur 
FROM agences 
WHERE secteur='colname' 
ORDER BY ville ASC 



Figure 2-121 

En mode avance, la 
requete SQL devra etre 
saisie directement dans 
la zone de texte SQL. 
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Saisissez maintenant la variable SQL en cliquant sur le bouton + de la zone Variable. 
Dans la boite de dialogue qui s'affiche, entrez les informations suivantes : col name pour 
le nom de la variable, sud pour la valeur par defaut et $ _GET ['VARsecteur'] pour la 
valeur d'execution (voir figure 2-122). Cliquez sur le bouton OK pour fermer la boite de 
dialogue. 



Figure 2-122 

Pour utiliser une 
variable dans une 
requete SQL, ilfaut au 
prealable definir ses 
parametres. 
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De retour sur la fenetre du jeu d'enregistrements, cliquez sur le bouton Tester pour affi- 
cher le resultat de la requete. 

Si le resultat vous convient (voir figure 2-123), fermez la fenetre des resultats et rempla- 
cez la valeur par defaut sud par 1 dans la zone Variables (voir figure 2-124). Validez 
enfin la fenetre en cliquant sur OK et verifiez que vous retrouvez bien vos champs dans la 
fenetre Liaisons. 
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Figure 2-123 

Lafienetre de test de la 
requete SQL vous 
permet de verifier votre 
jeu d'enregistrements 
want sa creation. 
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Figure 2-124 

Avant de valider votre 
jeu d'enregistrements, il 
faut remplacer la valeur 
par defiant utilisee pour 
ies tests. 
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Jeu d'enregistrements avances pour requites avancees 

L'exemple que nous venons d'utiliser pour expliquer l'interface avancee et detailler la proce- 
dure de creadon est interessant d'un point de vue pedagogique, pour bien comprendre la 
correspondance entre les differentes zones de la fenetre du mode Avance et celles du mode 
Simple. Cependant, cet exemple ne justifie pas l'usage du mode Avance puisqu'il peut etre 
realise en mode Simpl e. En effet, l'usage du mode Avance n'est justifie que pour la realisation 
de jeux impossibles a realiser en mode Si mpl e, ce mode ne pouvant realiser que des jeux avec 
filtre monocritere utilisant des operateurs de comparaison de base (egal a, superieur a, 
inferieur a...), un tri sur un champ unique et une extraction de champs issus d'une seule 
table. Tous les autres cas doivent etre traites en mode Avance. Aussi, pour vous donner quel- 
ques exemples d' applications qui necessitent l'usage du mode Avance, nous vous proposons 
de commenter la creation de deux jeux d'enregistrements utilisant des requetes avancees et ne 
pouvant etre realises qu'en mode Avance. 

Exemple 1 : extraction de donnees issues de deux tables 

Pour ce premier exemple, nous desirons obtenir une liste des noms des commerciaux ainsi que 
les noms de leur agence. Or, dans la table commerciaux, nous n'avons que l'identifiant de 
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l'agence agencelD de disponible ; il faut done recuperer ces deux informations dans deux 
tables differentes et les rassembler dans un seul et meme jeu d'enregistrements. 

Voici la procedure a suivre : 

1. Assurez-vous qu'une connexion a la base a deja ete creee, en cliquant sur l'onglet Bases 
de donnees du panneau Appl i cation, et ouvrez une nouvelle page PHP. 

2. Cliquez ensuite sur l'onglet Liaisons du panneau Application. 

3. Cliquez sur le bouton + puis selectionnez Jeu d'enregistrements (Requete) afin d'affi- 
cher la fenetre de creation d'un jeu d'enregistrements. 

4. Dans la fenetre de creation, cliquez sur le bouton Avance. 

5. Dans les zones Nom et Connexion, saisissezun nouveau nom pour le jeu acreer (rsCommer- 
ciauxAgences) et selectionnez une connexion a la base (ConnexionScore). 

6. Assurez-vous que la zone SQL est vide. Depuis l'assistant SQL (Elements de base de 
donnees, en bas), selectionnez le champ ville de la table agences, puis cliquez sur le 
bouton SELECT a droite. La premiere partie de la requete doit alors apparaitre dans la zone 
SQL. 

7. Repetez la meme demarche avec le champ nom de la table commerci aux. 

8. Selectionnez ensuite le champ agencelD de la table commerci aux et cliquez sur le bouton 
WHERE. Celui-ci doit apparaitre dans la zone SQL, precede de l'instruction WHERE. 

9. Placez votre pointeur derriere commerciaux. agencelD dans la zone SQL et saisissez le 
signe egal. 



Figure 2-125 

Diagramme d'echange 
serveurs Web/MySQL 
illustrant un jeu 
d'enregistrements qui a 
pour but d'extraire les 
champs agences. ville et 
commerciaux.nom de 
deux tables differentes : 
agences et 
commerciaux. 
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Requete : 



SELECT agences.ville, commerciaux.nom 

FROM agences, commerciaux 

WHERE commerciaux .age nce5lD=agences,ID 



Jeu d'enregistrements : 
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10. Retournez dans l'assistant et selectionnez maintenant le champ ID de la table agences, 
puis cliquez sur le bouton WHERE. Le champ selectionne doit apparaitre a la fin de votre 
requete. 

1 1 . Vous pouvez maintenant tester votre nouveau jeu en cliquant sur le bouton Tester. 



Figure 2-126 

Le mode Avarice d'un 
jeu d'enregistrements 
permet d'extraire des 
champs issus de deux 
tables different es. 
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Exemple 2 : requete de recherche avancee 

Pour ce deuxieme exemple, nous desirons faire une recherche dans la liste des noms des 
commerciaux, afin de recuperer ceux dont les noms contiennent une chaine de caracteres 
particuliere (dans l'exemple, nous prendrons la lettre a pour faire la recherche). Voici la 
procedure a suivre : 

1. Assurez-vous qu'une connexion a la base a deja ete creee en cliquant sur l'onglet Bases 
de donnees du panneau Appl i cation, et ouvrez une nouvelle page PHP. 

2. Cliquez ensuite sur l'onglet Liaisons du panneau Application. 

3. Cliquez sur le bouton + puis selectionnez Jeu d'enregistrements (Requete) afin d'affi- 
cher la fenetre de creation d'un jeu d'enregistrements. 

4. Dans la fenetre de creation, cliquez sur le bouton Avance. 

5. Dans les zones Nom et Connexion, saisissez un nouveau nompour le jeu acreer (rsRecher- 
cheCommerciaux) et selectionnez une connexion a la base (ConnexionScore). 

6. Dans la zone de l'assistant SQL (en bas), selectionnez le champ nom de la table commer- 
ci aux, puis cliquez sur le bouton SELECT. La premiere partie de la requete doit alors appa- 
raitre dans la zone SQL. 
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Figure 2-127 

Diagramme d'echange 
serveurs Web/MySQL 
illustrant unjeu 
d'enregistrements qui a 
pour but d'extraire les 
enregistrements dont le 
champ 

commerciaux.nom 
contient la valeur de la 
chatne de caracteres 
passee en parametre 
(id, VARlettre=a). 
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Serveur Web 



Requete : 



SELECT commerciaux.nom 

FROM commerciaux 

WHERE commerciaux.nom LIKE '%VARIettre% 



Jeu d'enregistrements : 











commerciaux.nom 






Bertaut 






Lassalle 


Chassenet 









7. Selectionnez ensuite le meme champ nom, mais cliquez cette fois sur le bouton WHERE. 
Celui-ci doit apparaitre dans la zone SQL. 

8. Placez votre pointeur derriere commerciaux.nom dans la zone SQL et saisissez le code 
suivant : LIKE '%collettre%' 

9. Cliquez ensuite sur le bouton + de la zone Variables et saisissez les parametres 
suivants : 

• Nom = collettre 

• Valeur par defaut = a 

• Valeur d'execution = $_GET[' VARIettre'] 

10. Validez la boite de dialogue et testez votre nouveau jeu en cliquant sur le bouton Tester 
(voir figure 2-128). 

Copie d'un jeu d'enregistrements d'une page a une autre 

Contrairement aux definitions de connexion au serveur, qui sont stockees dans un repertoire 
specifique (voir dossier Connections du site) et qui peuvent done etre utilisees dans toutes les 
pages d'un meme site, les jeux d'enregistrements sont integres dans la page ou Ton desire 
exploiter les champs, et ne peuvent pas etre utilises dans une autre page. Cependant, il est 
souvent necessaire de recuperer unjeu d'enregistrements deja cree dans une page du site pour 
l'utiliser dans une autre page. Pour vous faciliter la tache, voici la procedure a suivre pour 
copier unjeu d'enregistrements d'une page a une autre : 
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1. Ouvrez le panneau Liaisons de la page oil se trouve le jeu a copier. 
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Figure 2-128 

Le mode Avarice d'un 
jeu d'enregistrements 
permet de creer tout 
type de requite SQL. 
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Cliquez sur le jeu desire avec le bouton droit de la souris et choisissez Copier dans le 
menu contextuel (voir figure 2-129). 

Ouvrez la nouvelle page dans laquelle vous desirez coller le jeu et deroulez le panneau 
Liaisons. 

Cliquez du bouton droit de la souris dans la fenetre Liaisons et choisissez cette fois Col - 
ler dans le menu contextuel (voir figure 2-130). Votre jeu d'enregistrements doit alors 
apparaitre dans le panneau Liaisons. 



Figure 2-129 

Pour copier un jeu 
d'enregistrements, 
selectionnez-le, cliquez 
du bouton droit et 
choisissez Copier. 
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Modification ou suppression d'un jeu d'enregistrements 

Par la suite, si vous desirez modifier les parametres d'un jeu d'enregistrements, il suffit de 
double-cliquer sur son nom (attention : a droite de son icone et non sur son icone) dans la 
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Figure 2-130 

Pour ajouter unjeu 
precedemment eopie, il 
suffit defaire un clic 
droit dans le panneau 
Liaisons et de valider 
['option Coder. 
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fenetre du panneau Liaisons. La fenetre de parametrage s'ouvre alors de nouveau, et vous 
pouvez ainsi y apporter les corrections desirees (voir figure 2-131). 

Pour detruire unjeu d'enregistrements, il suffit de le selectionner dans la fenetre du panneau 
Liaisons et de cliquer sur le bouton - pour le supprimer definitivement du code de la page 
dynamique. 

Utilisation d'un jeu d'enregistrements et du mode Live Data 

Au meme titre que toutes les variables stockees dans le panneau Liaisons, les champs d'un 
jeu d'enregistrements peuvent etre facilement inseres dans une page dynamique. Pour vous 
aider dans cette tache, Dreamweaver a elabore toute une serie de fonctions et de comporte- 
ments, que vous trouverez dans la barre d'outils Insertion/Application et dans le panneau 
Appl i cati on/Comportements de serveur. Le chapitre suivant sera d'ailleurs consacre a l'utili- 
sation de ces differents outils dans le cadre de la creation de pages dynamiques frequemment 
utilisees. 

En complement du mode Creation, Dreamweaver propose la possibilite d'afficher les 
donnees dynamiques d'une page grace au mode Live Data (revoir figure 2-60 pour situer le 
bouton d'affichage des donnees dynamiques dans la barre d'outils document). Si cette option 
n'est pas activee, la fenetre Document fournit une representation visuelle de la page, affichant 
les noms des variables dynamiques inserees, mais sans leur valeur. Cependant, lors du test de 
votre site sur le serveur, les valeurs des donnees dynamiques, qui se substituent aux noms des 
variables integrees dans la page, peuvent modifier considerablement votre mise en page. 
D'autre part, l'affichage des donnees dans une page dynamique atteste souvent du bon fonc- 
tionnement de la connexion serveur et des requetes SQL utilisees. II est done souvent interes- 
sant d'utiliser le mode Li ve Data lorsqu'on travaille sur la conception d'une page dynamique. 
Nous vous proposons de decouvrir son utilisation au travers d'un exemple tres simple, destine 
a afficher des variables d'un jeu d'enregistrements dans la page d'un site. 

1. Pour illustrer cet exemple, nous allons reprendre le jeu d'enregistrements de la 
figure 2-110. Ouvrez une page PHP et creez le jeu d'enregistrements rsCommerciaux en 
utilisant les memes parametres. 
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Figure 2-131 

Pour modifier un jeu 
d'enregistrements, vous ■ 
pouvez ouvrir sa boite 
de configuration en 
double-cliquant sur son 
nom, dans le panneau 
Liaisons. 
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2. Dans la fenetre Document, creez rapidement un tableau de sorte a accueillir les donnees 
du jeu d'enregistrements. Placez les variables du jeu d'enregistrements du panneau 
Li ai sons dans les cellules du tableau par un simple glisser-deplacer (voir figure 2-132). 

3. Cliquez sur le bouton Live Data (affichage des donnees dynamiques, situe a droite des 
trois boutons de modes de la fenetre Document). La barre d'outils Live Data doit alors 
apparaitre sous le panneau Insertion. Cliquez sur le bouton Parametres a droite de cette 
barre, renseignez la zone Demande d'URL de la boite de dialogue, comme indique sur la 
figure 2-133, puis validez en cliquant sur OK. II est a noter qu'on peut memoriser plu- 
sieurs valeurs dans la zone Demande d'URL, ce qui permet de realiser rapidement des tests 
differents sans avoir a ressaisir leur valeur a chaque fois. 

4. Les donnees doivent maintenant remplacer les noms des variables dans le tableau. Dans 
le champ de saisie de la barre Live Data, remplacez Laurence par le prenom Jean. Si la 
case Actual isati on automatique est cochee (a gauche de la barre Live Data), les donnees 
du tableau de la page doivent etre remplacees immediatement par celles du commercial 
Jean Lassal 1 e, sinon vous pouvez cliquer sur le bouton d'actualisation (fleche bleue en 
rond) pour mettre a jour les donnees affichees (voir figure 2-134). Notez que si la con- 
nexion a votre base de donnees est lente, il est preferable de ne pas valider l'option 
Actualization automatique, lorsque vous travaillez dans la fenetre Live Data, et d'actua- 
liser plutot vos donnees en cliquant sur le bouton Actual i sati on en fonction des besoins. 
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Figure 2-132 

Les variables dujeu 
d 'enregistrements 
peuvent facilement etre 
integrees dans la page 
par un simple glisser- 
deplacer. Lorsque le 
mode Live Data n 'est 
pas active, les variables 
sont representees par 
lew nam encadre par 
des accolades. 



Figure 2-133 

Des que le mode Live 
Data est active, une 
nouvelle barre apparait 
en dessous de la barre 
d'outils standard. Pour 
modifier la valeur du 
parametre d'URL, on 
peut utiliser la boite de 
dialogue de parametres 
Live Data en cliquant 
sur le bouton 
Parametres. 
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Figure 2-134 

Pour modifier la valeur 
d'un parametre d'URL, 
on peut aussi changer 
directement la valeur de 
la variable dans le 
champ de saisie central. 
Apres sa modification, il 
faut cliquer sur le 
bouton Actualisation si 
la case Actualisation 
automatique n 'est pas 
validee. 




Les liens hypertextes ne fonctionnent pas en mode Live Data 

Les liens ne fonctionnent pas en mode Creati on ; pour tester I'interaction entre vos pages, vous devez 
utiliser la fonction Apercu dans le navigateur de Dreamweaver ou, mieux encore, visualiser votre page 
dans le navigateur depuis le Web Local de Wamp5, apres I'avoir sauvegardee (die droit sur I'icone de 
Wamp5 et selectionnez Web Local). 
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Creation de pages dynamiques 

courantes 



Dans le chapitre precedent, nous avons installe et configure tous les elements indispensables 
a la mise en oeuvre d'une plate-forme de developpement de sites dynamiques. Nous sommes 
desormais en mesure d'exploiter les informations d'une base de donnees, et nous allons 
pouvoir commencer a developper des pages dynamiques a l'aide de l'interface de Dream- 
weaver en mode Creation. 

Cette partie detaillera les procedures de creation des pages les plus courantes dans un site 
dynamique. Nous exploiterons pour cela uniquement l'interface visuelle de Dreamweaver 
(mode Creati on). Cette methode a l'avantage de pouvoir construire une page dynamique sans 
aucune connaissance prealable d'instructions PHP et de requetes SQL. Ceux qui desirent 
concevoir des sites dynamiques plus elabores trouveront dans les chapitres 4 et 5 toutes les 
informations necessaires pour intervenir directement dans le code des scripts PHP et 
composer des requetes SQL avancees. 

Pour illustrer le fonctionnement de chacune des creations courantes decrites dans cette partie, 
nous appliquerons les differentes procedures au projet SCORE et nous utiliserons la base de 
donnees score_db creee dans la partie precedente. Cependant, avant de commencer a detailler 
les procedures de creation des differentes pages de cette application, nous allons definir la 
structure du site et preparer les differents modeles de pages qui seront utilises par la suite. 
Vous pouvez les creer vous-meme en suivant les indications ci-apres. 
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Comment passer rapidement a la creation des pages dynamiques ? 

La partie qui suit vous indiquera toutes les informations et la demarche pour creer vous-meme la structure 
du site Score. Cependant, si vous desirez passer tout de suite a la realisation des pages dynamiques, 
vous pouvez copier tout le repertoire SITEscore_STRUCTURE (disponible dans un kit ressource de 
I'ouvrage, telechargeable a I'adresse www.editions-eyrolles.com) dans le dossier racine de Wamp5 (www) 
et le renommer ensuite SITEscore, pour qu'il remplace le repertoire actuel. Cette version contient toute 
la structure du site, avec ses pages PHP creees, mais vides de tout contenu dynamique. Cela vous 
permettra de commencer directement la creation des pages dynamiques sans avoir a vous soucier de 
faire I'arborescence du site et ses modeles. Dans le dossier archives de SITEscore_STRUCTURE, vous 
trouverez aussi une sauvegarde de la base de donnees nommee score_db_STRUCTURE .sql , que nous 
conseillons d'utiliser pour restaurer la votre afin que vous puissiez obtenir des resultats semblables a ceux 
des illustrations de cet ouvrage. 

Une autre version de la structure du site, appelee SITEscore_CHAP03, est egalement disponible dans le 
kit ressource de I'ouvrage. Cette deuxieme version est semblable a la structure du site que vous devriez 
obtenir au terme de ce chapitre 3. Vous trouverez aussi, dans son dossier archive, une sauvegarde de la 
base, nommee score_db_CHAP03 . sql , correspondant a la structure que devrait avoir le site a la fin de 
ce chapitre. Vous pourrez vous y referer pour comparer vos realisations, ou encore pour remplacer le site 
complet avant de passer au chapitre suivant. 



Methodes de test des pages dynamiques 

Au cours de ce chapitre, vous aurez souvent l'occasion de tester votre page dynamique. Pour 
cela, plusieurs methodes sont possibles avec Dreamweaver et Wamp5 (voir figure 3-1) : 

• Test de la page en mode Live Data - Le mode Li ve Data vous permet de remplacer le 
nom des variables par leur valeur, sans sortir de la fenetre Document. Vous pouvez aussi 
configurer les parametres de la barre d'outils Live Data pour programmer differentes 
valeurs de test. Cette methode est particulierement interessante pour apprecier la mise en 
page de votre realisation dynamique. Les donnees remplacent les variables dans la page, 
et vous pouvez avoir ainsi une premiere idee du fonctionnement dynamique de la page. 
Cependant, les liens hypertextes ne fonctionnent pas et certaines pages dynamiques ne 
peuvent pas etre testees par cette methode (page d' insertion par exemple). Pour acceder 
au mode Live Data, il suffit de cliquer sur le bouton Affichage des donnees dynamiques 
(a droite des trois boutons de selection des modes de la fenetre Document). 

• Test en apergu dans un navigateur - Dreamweaver propose une solution pour tester la 
page depuis un navigateur de votre choix. Cette methode necessite l'enregistrement de la 
page (une boite de dialogue s'affichera si la page ne l'a pas ete avant le test). Elle est inte- 
ressante a utiliser pour des tests ponctuels d'une page, car elle est tres rapide, mais si vous 
avez de nombreux essais a effectuer, il est preferable de visualiser votre page dans le Web 
Local de Wamp5. Pour tester une page en apercu, selectionnez Fichier>Apercu dans un 
navigateur puis choisir le navigateur (Internet Explorer ou Firefox). Vous pouvez aussi 
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utiliser le bouton en forme de pianette situe dans la barre d'outils document Apergu/Debo- 
gage dans le navigateur, puis selectionner le navigateurou encore utiliser la toucheF12 
pour afficher rapidement l'apercu dans le navigateur configure par defaut. 

• Test en Web local - Pour tester votre page en situation reelle (navigation depuis la page 
d'index du site), vous pouvez utiliser le serveur local de Wamp5. II faut cependant penser 
a enregistrer la page avant de la tester. Pour passer en Web local, il suffit de selectionner 
1 ocal host dans le manager de Wamp5. La liste de vos sites est alors proposee, et il suffit de 
cliquer sur l'un des dossiers pour afficher la page d'accueil du site correspondant. II est 
conseille de laisser toujours la fenetre du Web local active ; vous pouvez ainsi basculer 
tres rapidement du Web local a l'editeur Dreamweaver et vice versa, en utilisant la 
combinaison de touches Alt + Tabulation. Apres une modification d'une page, il suffit 
de cliquer sur la touche F5 pour afficher la version actualisee dans le navigateur. De 
meme, pour sauvegarder votre page dans Dreamweaver, il est interessant d' utiliser le 
raccourci clavier Ctrl + S. Ainsi, en utilisant judicieusement ces trois raccourcis, vous 
pouvez developper puis tester vos pages aussi facilement qu'avec l'apercu. 

Structure du site Score 
Creation de I'interface du site 

Le but de cette application n'etant pas oriente sur la conception graphique d'un site mais sur 
la realisation d' applications dynamiques, I'interface du site SCORE est tres simple. La naviga- 
tion entre les differents ecrans est assuree par un menu horizontal place en haut de page. Ce 
menu est constitue a l'aide d'un simple tableau. La cellule de gauche contient toujours le logo 
de 1' application, et un lien lui est applique, afin de revenir sur la page d'accueil, quel que soit 
l'endroit oil on se trouve. Un repertoire images est cree afin d'heberger toutes les images du 
site. Les autres cellules du tableau contiennent les liens contextuels du menu. Une feuille de 
styles est placee dans le repertoire style, et les liens du menu sont attaches a cette feuille de 
styles, afin de changer la couleur du texte au survol de la souris. Le site est divise en quatre 
espaces principaux : l'espace d'accueil (ou se trouve le fichier index. php), l'espace public 
(avec ses ecrans libres d'acces), l'espace commerciaux (dont l'utilisation est reservee aux 
commerciaux apres identification) et l'espace administrateur (destine uniquement a l'admi- 
nistrateur). Chaque ecran est enregistre dans un repertoire specifique a sa zone, sauf pour 
l'ecran d'accueil, qui est enregistre sous la racine du site. Pour faciliter la creation et la main- 
tenance de tous ces ecrans, mais aussi pour respecter la charte graphique du site, nous allons 
creer un modele par espace, comme le precise le tableau 3-1 ci-apres. 

Procedure pour la creation d'un modele 

1. Depuis le menu Fichier selectionnez Nouveau. Selectionnez Page dynamique et PHP puis 
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Figure 3-1 

Pour tester une page dynamique, vous pouvez utiliser le mode Live Data, I 'apercu dans un navigateur (touche 
F12) ou encore le Web Local, apres avoir enregistre voire page. 
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Tableau 3-1 - Utilisation des differents modeles d'ecran du site Score 



Nom du modele 

accueilScore.dwt.php 

adminScore.dwt.php 



commerciauxScore.dwt.php 
publicScore.dwt.php 



Utilisation 

Espace accueil : utilise dans un premier temps uniquement par la page d'index 
placee sous la racine du site. 

Espace administrateur : tous les ecrans crees dans le repertoire administrateur le 
sont selon ce modele. 

Espace commerciaux : tous les ecrans crees dans le repertoire commerciaux le 
sont selon ce modele. 

Espace public : tous les ecrans crees dans le repertoire public le sont selon ce 
modele. 



2. Creez un tableau en haut de la page, pour accueillir le logo et les differents liens hyper- 
textes du menu (voir les noms des fichiers a lier au menu selon le modele cree dans les 
figures 3-4 a 3-7). Appliquez le style desire aux liens du menu et une couleur de fond au 
tableau. 

3. Creez une zone modifiable sous le tableau : creez un tableau d'une seule cellule, selec- 
tionnez-le et, depuis le menu, faites Insertion>Objets de model e>Regions modifiables. 

4. Enregistrez la page comme modele : depuis le menu, faire Fichier>Enregistrer comme 
modele. Saisissez le nom du modele (voir liste des noms de modele du tableau 3-1) et 
validez en cliquant sur le bouton Enregistrer (voir figures 3-2 et 3-3). 

Plan de navigation 

Le plan de navigation permet d'avoir une vue d'ensemble du site et des liaisons inter-ecrans 
qui relient chacune des pages. On peut aussi identifier clairement les differents espaces crees 
et les pages qui leur sont rattachees (voir figure 3-8). Nous verrons plus loin que Dream- 
weaver propose une representation de ces differents liens inter-ecrans avec la carte du site 
(voir figure 3-12). Cependant, il est toujours indispensable d'etablir un plan de navigation au 
prealable, afin de bien apprehender la structure du site qu'on desire construire. 

Pour tester la navigation inter-ecran, nous allons commencer par realiser toutes les pages du 
site des maintenant, en utilisant le modele approprie et en l'enregistrant dans le dossier corres- 
pondant a son espace. Nous nous contenterons de les personnaliser en indiquant uniquement 
le nom de la page dans la zone modifiable de chaque ecran. 

Procedure de creation d'un ecran du site a partir d'un modele 

1. Depuis le menu Fichier cliquez sur Nouveau (ou, plus rapide, utilisez la combinaison de 
touches Ctrl + N). 
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Figure 3-2 

Creez k menu, definissez une region modifiable et enregistrez la nouvelle page comme modele. 



Figure 3-3 

Quatre modeles sont 
crees afin defaciliter la 
maintenance du site. 
Chaque modele 
correspond a un espace 
different du site. 



- 




2. Cliquez sur l'onglet Modeles et choisissez le modele desire dans la liste, puis cliquez sur 
Creer (voir figure 3-9). 

3. Saisissez le titre en haut de la zone modifiable et enregistrez la nouvelle page sous le 
nom du fichier adapte, en prenant bien soin de selectionner au prealable le bon dossier 
(voir figure 3-10). 
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4. Renouvelez F operation pour tous les fichiers figurant dans la liste du tableau 3-2. 
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score: 



Coordonnees Classements Espace CommereiaLix Espace Administrator 



ESPACE PUBLIC 



I xxxxxxxl I I 

ordonnees.php commerciaux/index.php | 



public/coordonnees.php commerciaux/index.php 

index. php public/classements.php administrateur/index.php 

Figure 3-4 

Liens hypertextes du modele accueilScore.dwt.php. 



SCORE 



t 



ESPACE ADMINISTRATED 



...I xxxxxxxj I I, 



xxxxxxx 
./index. php ajout.php modif.php supp.php liste.php 



Figure 3-5 

Liens hypertextes du modele adminScore.dwt.php. 



^^£*f\€£F Mon =om P te 



Resultat du mois Mes resultats 



ESPACE COMMERCIAUX 



Statistiques 



4 4 4 t 

I xxxxxxxl I I 

impte.php mesresultats.php i 



moncompte.php mesresultats.php 

../index. php resultatdumois.php statistiques. php 

Figure 3-6 

Liens hypertextes du modele commerciauxScore.dwt.php. 
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SCORE 



Ccordonnees Classements Espace Commerciajx Espace Administrates 



t 



XXX XX XX 



./index. php 



coordonnees.php 



t t 

:iaux/index.php | 



./commerciaux/index.php 



classements.php ../administrateur/index.php 



Figure 3-7 

Liens hypertextes du modele publicScore.dwt.php. 
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Plan de navigation du 
site Score. 



/index. php 
(Accuell) 



Plan de 
navigation 
SITEscore/ 
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administrateur/liste.php 



commerciaux/statlstique.php 
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Figure 3-9 

Pour crier un nouveau 
fichier a partir d 'un 
modele, selectionnez le 
site dans la zone de 
gauche, puis le modele 
desire parmi ceux du 
site, dans la zone du 
centre. 
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Arborescence des fichiers et carte du site 

Parmi les deux representations de la structure du site, 1' arborescence des fichiers, disponible 
dans la fenetre du panneau Fichiers, est particulierement importante. Elle permet de reperer 
facilement tous les repertoires qui composent le site et d'ouvrir les differents fichiers qu'ils 
contiennent en double-cliquant sur le nom du fichier desire (voir figure 3-11). 

La representation de la carte du site, quant a elle, permet d'apprecier les differents liens hyper- 
textes qui relient les pages entre elles et de reperer rapidement la presence de liens casses (voir 
figure 3-12). Vous pouvez aussi modifier la structure du site dans la carte, en ajoutant, modi- 
fiant ou supprimant des liens. Dreamweaver met automatiquement a jour la carte du site pour 
indiquer les modifications apportees. II est egalement possible de modifier la presentation de 
la carte du site de facon a afficher ou cacher les fichiers masques et dependants. Cela est utile 
pour mettre en evidence certains elements de contenu importants et ne pas presenter des 
elements de moindre interet. Avant d'afficher la carte du site, il faut s'assurer que le fichier de 
tete de la carte (la racine) a bien ete defini (voir figure 3-13). 
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Figure 3-10 

^4/?r&s avo/r change le titre de I 'ecran, enregistrez la nouvelle page dans le repertoire correspondant a son espace. 



Tableau 3-2 - Nomenclature de toutes les pages du site Score 



Dossier 


Norn du fichier 


Description 


/ 


index.php 


Zone Accueil : page qui s'affiche par defaut des qu'on se 
connecte sur le site. Elle contient uniquement le logo du site et un 
message d'accueil. Son menu permet d'acceder aux trois 
espaces du site. 


/public/ 


coordonnees.php 


Zone Public : ecran d'affichage de la liste des commerciaux, avec 
lien contextuel sur le fichier fiche.php pour afficher les 
coordonnees. 


/public/ 


fiche.php 


Zone Public : ecran d'affichage des coordonnees d'un 
commercial et de sa photo. 


/public/ 


classements.php 


Zone Public : ecran d'affichage du classement des commerciaux. 


/commerciaux/ 


index.php 


Zone Commerciaux : ecran d'acces a la zone Commerciaux 
(identification du commercial). 
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Tableau 3-2 - Nomenclature de toutes les pages du site Score (suite) 



Dossier 


Nom du fichier 


Description 


/commerciaux/ 


moncompte.php 


Zone Commerciaux : ecran de modification de la fiche du 
commercial (modification limitee au mail et a I'agence). 


/commerciaux/ 


resultatdumois.php 


Zone Commerciaux : ecran de saisie d'un nouveau resultat 
mensuel. 


/commerciaux/ 


mesresultats.php 


Zone Commerciaux : ecran d'affichage de tous les resultats d'un 
commercial. 


/commerciaux/ 


statistique.php 


Zone Commerciaux : ecran d'affichage des statistiques. 


/administrateur/ 


index.php 


Zone Administrateur : ecran d'acces a la zone Administrateur 


/administrateur/ 


ajout.php 


Zone Administrateur : ecran de saisie d'un nouveau commercial. 


/administrateur/ 


modif.php 


Zone Administrateur : ecran de modification des informations d'un 
commercial selectionne. 


/administrateur/ 


supp.php 


Zone Administrateur : ecran de suppression d'un commercial. 


/administrateur/ 


confirmation.php 


Zone Administrateur : ecran de confirmation de la suppression 
d'un commercial. 


/administrateur/ 


liste.php 


Zone Administrateur : ecran d'affichage de la liste des 
commerciaux enregistres dans la base. 



Page d'affichage d'une liste simple 

Une liste simple est materialisee par un tableau affichant tous les champs et tous les enregis- 
trements d'un jeu. Une colonne de tableau correspond a un champ du jeu, et une ligne a un 
enregistrement. II faut done creer au prealable un jeu d'enregistrements qui va puiser dans une 
table les donnees a afficher dans le tableau. Apres la creation du jeu d'enregistrements, deux 
methodes peuvent etre utilisees pour realiser une page contenant une liste simple. 

Dans la premiere, nous utilisons le bouton Tabl eau dynamique de la barre d'outils Insertion/ 
Appl i cati on. Vous devez renseigner une boite de dialogue, et la fonction integre automatique- 
ment les variables dans un tableau cree selon la structure du jeu selectionne. Nous allons 
appliquer cette premiere methode a la realisation de la page 1 iste.php de l'espace adminis- 
trateur. 

Dans la deuxieme methode, nous devons d'abord realiser un tableau par la methode tradition- 
nelle, puis nous ajoutons, au cas par cas, les differents champs dans les cellules du tableau. 
Nous allons appliquer cette deuxieme methode a la conception de la page mesresultats.php 
de l'espace commerciaux. 



Procedure de creation de la page liste.php 
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1. Ouvrez le fichier liste.php du dossier administrateur en double-cliquant sur le nom du 
fichier dans la fenetre du panneau Fi chi ers. 
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Arborescence des 
repertoires etfichiers du 
site Score. 
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2. Inserez un nouveau jeu d'enregistrements : cliquez sur le bouton + depuis le panneau 
Liaisons. Saisissez le nom rsListeCommerciaux, selectionnez la connexion Connexion- 
Score et la table commerciauxdans les menus deroulants. Validez l'option Select ionnees, 
selectionnez les champs nom et prenom dans la liste, et validez la creation (voir 
figure 3-14). 

3. Positionnez le pointeur dans la zone modifiable de la page, puis cliquez sur le bouton 
Donnees dynamiques : Tableau dynamique puis sur Tableau dynamique depuis la barre 
d'outils Insertion/Application (voir figure 3-15). 
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Figure 3-12 

La carte du site permet d'apprecier la navigation inter-ecran et de detecter d'eventuels liens casses. 



4. Completez la boite de dialogue en choisissant le jeu d'enregistrements rsListeCommer- 
ciaux dans le menu deroulant. Selectionnez l'option Tous les enregistrements afin 
d'afficher tout le contenu de la table sans limite sur la meme page (voir figure 3-15). 
Validez en cliquant sur le bouton OK. 

5. Le tableau dynamique apparait alors au milieu de l'ecran, et vous pouvez lui appliquer la 
mise en forme que vous desirez, comme pour un tableau statique (voir figure 3-16). 

6. Si vous cliquez sur le bouton Live Data, toutes les donnees de la table commerciaux 
s'affichent dans le tableau qui vient d'etre cree (voir figure 3-17). 

7. Vous pouvez maintenant enregistrer votre fichier et le visualiser depuis un navigateur. 
Pour cela, vous pouvez utiliser la touche d'apercu F12 (plus rapide) ou passer dans le 
Web local de Wamp5. Pour passer dans le Web local, cliquez sur l'option local host du 
manager de Wamp5, puis cliquez sur le dossier SITEscore. Lorsque vous etes sur le site, 
cliquez sur le lien Espace administrateur de l'ecran d'accueil, puis sur le lien Liste du 
menu (voir figure 3-18). 
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Procedure de creation de la page mesresultats.php 

Par la suite, les commerciaux qui se rendront dans l'espace commerciaux devront s'identifier 
pour y acceder. Nous utiliserons pour cela le champ ID de chaque commercial. Actuellement, 
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Figure 3-13 

Pour afficher la carte du site, ilfaut au prealable definir lefichier index.php de la racine du site comme point 
d 'entree de la carte (fenetre de definition du site, rubrique Mise en forme de la carte du site). 
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Figure 3-15 

Dn«i /a boite de dialogue de creation d'un tableau dynamique, selectionnez lejeu d' enregistrements 
rsListeCommerciaux et I 'option Tous les enregistrements, puis validez. 

cependant, nous ne disposons pas encore de cette information ; c'est pourquoi nous testerons 
nos differentes realisations en considerant que le commercial est deja reconnu. Cette informa- 
tion sera ensuite disponible dans une variable de session VARcommerciauxID. II faudra done 
ajouter une ligne de code provisoire dans toutes les pages que nous allons creer pour cet 
espace, en attendant que le systeme d'authentification soit realise. 

1. Ouvrez le fichier mesresultats.php du dossier commerciaux. 

2. Creez un nouveau jeu d'enregistrements rsLi steResul tat selon les parametres ci-apres. 
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3. Cliquez sur le bouton Tester et saisissez l'identifiant du commercial (1 par exemple), 
puis validez. Les resultats de la requete sont alors affiches (voir figure 3-19). Si vous 
n'avez pas de resultat, verifiez la bonne configuration de votre jeu et que vous disposez 
bien de quelques resultats mensuels pour le commercial selectionne. Pour cela, nous 
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Figure 3-16 

Apres sa configuration, le tableau dynamique apparait au milieu de Vecran, et vouspouvez lui appliquer la mise 
en forme que vous desirez, comme pour un tableau statique. 



4. 

5. 



vous conseillons d'actualiser votre base de donnees score_db a l'aide de la sauvegarde 
placee dans le dossier archives du site SITEscore_STRUCTURE, disponible dans le kit res- 
source de l'ouvrage (www.editions-eyrolles.com), ou d'attendre de creer la page resul - 
titdumois.php comme indique ci-apres. 

Fermez la fenetre de resultat et validez la creation de votre jeu en cliquant sur le bouton OK. 

Positionnez votre pointeur dans la zone modifiable de la page et creez un tableau de 
2 lignes et 2 colonnes. Appliquez-lui la mise en forme desiree (police, couleur, dimen- 
sion...) et nommez les tetes de colonnes mois et resul tats. 



6. Ouvrez la fenetre du panneau Liaisons et deroulez les champs du jeu d'enregistrements 
rsListeCommerciaux, en cliquant sur le petit + qui precede l'icone du jeu. Selectionnez le 
champ mois et deplacez-le dans la cellule du tableau (colonne mois). Renouvelez cette 
operation avec le champ resultat (voir figure 3-20). 
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Figure 3-17 

Pour afficher votre page avec ses elements dynamiques, cliquez sur le bouton Live Data. 

7. Selectionnez la ligne du tableau qui contient maintenant les variables mois et resultat. 
Ensuite, cliquez sur l'onglet Comportements serveur du panneau Application et cliquez 
sur le bouton +. Selectionnez la fonction Region repetee dans la liste et completez la boite 
de dialogue en selectionnant le jeu d'enregistrements rsListeResultat, et en validant 
l'option Tous 1 es enregi strements. Validez en cliquant sur le bouton OK (voir figure 3-21). 
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Comportement serveur Region Repetee 

Lors de la creation de region repetee avac la nouvelle version Dreamweaver 8 dont nous diisposions pour 
nos tests, nous avons remarque que I'insertion des fragments de code PHP du comportement serveur 
n'etait pas toujours effectuee au bon endroit. 

Pour remedier a ce probleme, il suffit de passer en mode Code et de deplacer le premier fragment <?php 
do { ?> avant la balise <tr> ainsi que le second fragment <?php } whi 1 e (...) ?> apres la balise 
</tr>, ceci afin que les instructions de la boucle PHP encadrent correctement le code de la ligne du 
tableau HTML que Ton desire repeter. 



PHP/MySQL avec Dreamweaver 8 



Figure 3-18 
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Tableau 3-3 - Parametres du jeu d'enregistrements rsListeResultat 



Zone 


Valeur 


Commentaires 


Norn 


rsListeResultat 




Connexion 


ConnexionScore 




Table 


VENTES 




Colonnes 


Toutes 




Filtre 


commerciauxlD 

Variable de session 
VARcommerciauxlD 


VARcommerci auxID est la variable de session qui contiendra par la 
suite I'identifiant du commercial, (cette variable sera initialisee 
provisoirement a 1 par une ligne de code placee en haut de la page). 


Trier 


mois 
croissant 


Nous desirons presenter les differents resultats classes dans la liste 
selon I'ordre croissant des mois. 
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Figure 3-20 

Pour integrer dans un tableau des variables issues d'unjeu d'enregistrements, il suffit de lesfaire glisser dans les 
cellules desirees. 
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Figure 3-21 

La boite de dialogue d'une region repetee permet de choisir lejeu concerne et le nombre d'enregistrements a 
afficher par page. 

8. Un cadre portant l'etiquette repete doit alors entourer dorenavant les deux cellules. La 
page est theoriquement terminee. Cependant, afin de simuler la future authentification 
d'un commercial, il faut ajouter une ligne de code provisoire qui forcera la variable de 
session VARcommerciauxID a la valeur 1. Passez pour cela en mode Code et saisissez la 
ligne de code ci-dessous a la premiere ligne de la page : 



<?php $_SESSI0N [ ' VARcommerciauxID' ]=1; //simulation de 1 'util isateur dont 
l'ID-1 ?> 



9. Cliquez sur le bouton Live Data pour afficher les resultats de ce commercial configure 
par defaut (ID— 1, voir figure 3-22). 

10. Enregistrez votre page et passez en Web local (ou utilisez l'apercu avec F12) pour tester 
la nouvelle page depuis votre navigateur. 
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Figure 3-22 

En mode Live Data, les donnees des variables sont directement affichees dans lafenetre Document. 
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Page d'insertion de donnees dans la base 

Jusqu'a present, nous avons toujours insere des donnees dans la base a l'aide du gestionnaire 
phpMy Admin. En pratique cependant, vous ne serez pas seul a devoir intervenir dans la base, 
car un site doit pouvoir etre mis a jour par un public tres varie. Dans ce cas, cette solution n'est 
plus envisageable, et il faut concevoir des formulaires de gestion de la base adaptes et utilisa- 
bles par tous. Nous allons done creer differents formulaires selon la fonction a realiser (ajout 
de donnees, modification, suppression...). 

Pour illustrer la creation d'un formulaire d'insertion de donnees, nous allons l'appliquer a 
deux pages du site en utilisant deux methodes differentes. 

• La premiere demonstration concerne la creation de la page ajout. php de la zone Adminis- 
trateur, qui permet d'ajouter de nouveaux commerciaux a la base. Nous utiliserons pour 
cela une fonction completement automatisee, disponible depuis la barre d'outils I riser- 
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tion/Appl i cation (avec le bouton Inserer un enregistrement puis Assistant de formu- 
laire d'insertion d'enregistrements a droite du panneau). 

La deuxieme demonstration concerne la creation de la page resultatdumois.php de 
l'espace commerci aux, qui permet aux commerciaux d'ajouter leur resultat mensuel direc- 
tement depuis leur navigateur. Pour cette deuxieme page d'insertion, nous utiliserons un 
comportement serveur du sous-panneau Appl ication/Comportements de serveur, dispo- 
nible dans le menu deroulant sous l'appellation Inserer un enregistrement. 



Procedure de creation de la page ajout.php 

1. Ouvrez le fichier ajout.php du dossier administrateur et placez votre pointeur en des- 
sous du titre, dans la zone modifiable de la page. 

2. Cliquez sur le bouton Inserer un enregistrement puis Assistant de formulaire 
d'insertion d'enregistrements, accessible depuis la barre d'outils Insertion/Applica- 
tion. Completez la boite de dialogue selon les informations ci-dessous et validez en cli- 
quant sur le bouton OK (voir figure 3-23). 

Tableau 3-4 - Parametres du comportement Formulaire d'insertion 



Zone 


Valeur 


Commentaires 


Connexion 


ConnexionScore 




Table 


commerciaux ? 


Indique dans quelle table les donnees seront inserees. 


Apres I'insertion, aller a 


liste.php 


Cette zone permet d'indiquer la page a afficher apres 
I'insertion des donnees dans la base. Dans notre cas, 
nous irons a la page liste.php que nous venons de creer, 
afin d'afficher la liste des commerciaux mise a jour. 


Champs du formulaire 


ID 


Cette zone permet de changer le parametrage des 




Champ masque 


differents champs de la table (etiquette, type de 
variable, valeur pardefaut...). Dans notre cas, nous 
changerons le parametrage du champ ID en champ 
masque, car il est automatiquement incremente par la 
base (il n'est done pas necessaire de prevoir un champ 
de saisie). 



3. Dreamweaver cree automatiquement un formulaire de saisie adapte a la table commer- 
ciaux et l'insere dans la page. Vous pouvez ensuite le mettre en forme comme vous le 
desirez avant d'enregistrer la page (voir figure 3-24). 

4. Passez maintenant en Web local pour tester le fonctionnement du formulaire dans le 
navigateur (voir figures 3-25 et 3-26). 
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Figure 3-23 

La fcofte rfe dialogue de lafonction Formulaire d'insertion d'enregistrement vous permet de modifier le 
parametrage de certains champs avant la creation du formulaire de saisie. 
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Procedure de creation de la page resultatdumois.php 

1. Ouvrez le fichier resultatdumois.php du dossier commerciaux et placez votre pointeur en 
dessous du titre, dans la zone modifiable de la page. 

2. Inserez un nouveau formulaire en cliquant sur le bouton Formulaire du sous-panneau 
Insertion/Formulaire. Dans le panneau Proprietes du formulaire, selectionnez la 
methode GET et indiquez le nom resultatdumois.php dans la zone Action (vous pouvez 
aussi utiliser l'icone du dossier a droite de la zone, pour selectionner le fichier et eviter 
ainsi toute erreur de saisie). Creez a l'interieur du formulaire un tableau de 2 lignes et 
3 colonnes. Dans la premiere cellule, inserez un objet Liste/Menu depuis le panneau For- 
mul aires. Dans le panneau Proprietes de 1 'objet, nommez-le mois, cliquez sur le bou- 
ton Val eurs de la 1 i ste pour saisir les 12 mois de l'annee (voir figure 3-27) et validez 
(etiquette=nom du mois et val eur=numero du mois). Dans la seconde cellule, inserez un 
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Figure 3-24 

Dreamweaver cree automatiquement leformulaire de saisie adapte a la table dans laquelle on desire inserer un 
nouvel enregistrement. 



autre objet Liste/Menu, que vous appelez annee. Cliquez sur le bouton Valeurs de la 
1 iste, saisissez cette fois les annees (contrairement au cas precedent, la valeur est identi- 
que a l'etiquette, done il suffit de renseigner la colonne Etiquette avec une annee par 
ligne : 2003, 2004...), puis validez. Dans la troisieme cellule, inserez un simple champ 
que vous nommez resultat. Dans la deuxieme ligne, inserez un objet Champ masque que 
vous appelez commerci auxID et auquel vous affectez la valeur 1 (ceci afin de pouvoir rea- 
liser des tests en attendant que l'identification du commercial soit mise en ceuvre). Enfin, 
inserez sur la meme ligne un bouton de validation standard que vous nommerez En regis - 
trer. 

3. Dans le panneau Application, cliquez sur l'onglet Comportements de serveur. Cliquez 
ensuite sur le bouton + et selectionnez le choix Inserer un enregistrement (une autre 
alternative pour afficher cette meme boite de dialogue est d'utiliser le bouton Inserer un 
enregistrement puis de selectionner l'option de meme nom depuis le sous-panneau 
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Figure 3-25 

Pour tester le 
fonctionnement du 
formulaire d'insertion 
de donnees dans la 
base, passez en Web 
local. Puis saisissez les 
informations d'un 
nouveau commercial 
dans le formulaire. 
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Figure 3-26 

Apres Venregistrement 
dans la base de 
donnees, la page 
liste.php doit s'afficher 
avec le nom du nouveau 
commercial. 
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Insertion/Appl 1 cation comme la creation precedente). Renseignez la boite de dialogue 
selon les informations de la figure 3-28 : selectionnez la connexion ConnexionScore, 
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Figure 3-27 

Avant d 'utiliser le comportement serveur Insertion d 'un enregistrement, ilfaut commencer par crier leformulaire 
qui lui sera associe. 



ainsi que la table ventes. Dans la zone Colonnes, assurez-vous que toutes les variables 
mentionnees ont une valeur issue du formulaire (FORM.commerciauxID, FORM.mois..., sauf 
la cle primaire ID qui est inutilisee). Dans la zone du bas, Apres 1 'insertion aller a, 
cliquez sur lebouton Parcourir pour selectionner le fichiermesresultat.php. Ainsi l'uti- 
lisateur sera oriente vers cette page juste apres la nouvelle insertion. Cliquez sur le bou- 
ton OK pour valider. 

Enregistrez votre fichier et ouvrez le Web local pour tester votre nouvelle page dans le 
navigateur. Depuis l'accueil du site, passez dans l'espace commerci aux, cliquez sur le lien 
Resultat du mois, selectionnez un mois et saisissez un montant dans la zone Resultat 
(voir figure 3-29). Apres la validation du formulaire, l'ecran Mes resultats doit afficher 
la nouvelle liste des resultats du commercial (voir la figure 3-30). A noter que pour les 
tests, le commercial est celui dont l'identifiant est ID— 1, que nous avons configure prece- 
demment comme valeur par defaut. 
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Figure 3-28 

La boite de dialogue du 
comportement serveur 
lnserer un 
enregistrement vous 
permet de selectionner 
la table dans laquelle 
doit etre insere 
V enregistrement. 
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Figure 3-29 

L'ecran Resultat du mois permet desormais d'ajouter de nouveaux resultats dans la table ventes. 
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Attention aux doubles saisies ! 

Actuellement, si vous saisissez deux resultats pour le meme mois, la base de donnees cree un deuxieme 
enregistrement qui fait doublon avec le premier. II faut done veiller a eviter ce genre de manipulation lors 
des premiers tests. Nous remedierons par la suite a ce probleme, en integrant un script qui detectera s'il 
existe deja un enregistrement identique dans la base, auquel cas il aiguillera I'information vers une 
requete de mise a jour et non pas d'insertion. 
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Figure 3-30 

Apres V insertion d'un nouveau resultat, la page Mes resultats affiche la liste actualisee des resultats. 



Page de suppression de donnees dans la base 

Au cours de la vie d'une base de donnees, certains enregistrements sont amends a disparaitre. 
II faut par consequent preparer une page permettant de realiser cette action aussi simplement 
que la creation. Cependant, avant de supprimer un enregistrement, il faut l'avoir selectionne. 
II faut done prevoir un premier jeu d'enregistrements qui recupere tous les enregistrements 
susceptibles d'etre supprimes, afin de renseigner un menu deroulant dynamique qui fait office 
de selecteur de 1' enregistrement a supprimer. Dans un second temps, une requete de suppres- 
sion est envoyee a la base, afin d'eliminer definitivement 1' enregistrement prealablement 
selectionne. 

Nous allons appliquer cette procedure pour creer la page supp.php de la zone Administrateur. 

Procedure de creation de la page supp.php 

1. Ouvrez le fichier supp.php du dossier administrateur. 

2. Depuis le panneau Liaisons, cliquez sur le bouton + pour creer un jeu d'enregistrements. 
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3. Renseignez les zones de ce nouveau jeu selon les informations ci-dessous, puis validez 
(voir figure 3-31). 



Figure 3-31 

Le parametrage de ce 
jeu d'enregistrements 
permet de recuperer la 
liste des commerciaux 
actuellement enregistres 
dans la base. Les 
donnees ainsi ramenees 
seront par la suite 
utilisees dans la liste du 
menu deroulant 
dynamique de selection. 
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Tableau 3-5 - Parametres du jeu d'enregistrements rsSelectCommerciaux 



Zone 


Valeur 


Commentaires 


Nom 


rsSelectCommerciaux 




Connexion 


ConnexionScore 




Table 


commerciaux 




Colonnes 


Selectionnees : 

ID 

nom 


Pour realiser le menu deroulant dynamique, nous n'avons besoin 
que des champs ID (qui est la valeur dans la liste du menu) et nom 
(qui sert d'etiquette dans la liste du menu). 


Filtre 


Aucun 


Nous desirons recuperer tous les enregistrements de la table 
commerciaux. 


Trier 


nom 
Croissant 


Dans la liste du menu, les noms des commerciaux sont ainsi classes 
par ordre alphabetique. 
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4. Apres la validation, le jeu doit etre visible dans la fenetre Liaisons. Cliquez ensuite dans 
la zone modifiable et inserez un nouveau formulaire (cliquez sur le bouton Formulaire 
dans la barre d'outils Insertion/Formulaire). Dans le panneau Proprietes de 1 'objet 
formulaire, indiquez le fichier supp.php dans la zone Action et selectionnez la methode 
GET. 

5. Creez un tableau a l'interieur du formulaire et inserez dans la premiere ligne un objet 
Liste/Menu depuis la barre d'outils Insertion/Formulaire. Dans les proprietes de 
l'objet, nommez l'objet commerciauxID et cliquez sur le bouton Dynamique. Dans la boite 
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de dialogue qui s'affiche, selectionnez le jeu rsSelectCommerciaux, ID dans la zone 
Vileur et nom dans la zone Etiquette, puis validez en cliquant sur OK (voir figure 3-32). 
Enfin, ajoutez un bouton de validation de formulaire dans la deuxieme ligne du tableau, 
dont l'etiquette est remplacee par Supprimer dans le panneau de ses Proprietes. 



Figure 3-32 

La boite de dialogue de 
ce menu dynamique est 
configuree pour afficher 
les donnees issues du 
jeu d'enregistrements 
rsSelectCommerciaux. 
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Depuis le panneau Application/Comportements de serveur, cliquez sur le bouton + et 
selectionnez le comportement Supprimer 1 'enregistrement. Configurez ensuite la boite 
de dialogue qui s'affiche avec les informations ci-dessous, puis validez en cliquant sur OK 
(voir figure 3-33). 



Figure 3-33 
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7. Votre page de suppression est maintenant terminee. II ne reste plus qu'a l'enregistrer 
sous supp.php et a la tester avec le Web local. 

8. Ouvrez votre navigateur sur le Web local. Allez dans l'espace administrateur et com- 
mencez par ajouter un nouveau commercial de votre choix dans la base. Passez ensuite 
sur l'ecran de Suppression et testez votre nouvelle page en supprimant le commercial 
que vous venez d'ajouter (voir figure 3-34). 
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Tableau 3-6 - Parametres du comportement Supprimer I'enregistrement 



Zone 


Valeur 


Commentaires 


Verifier au prealable si 
la variable est definie 


Valeur de la cle 
primaire 


Dans cette zone, nous devons indiquer la condition pour que 
s'execute la suppression. Dans notre cas, la variable qui doit etre 
definie est la cle primaire, qui est passee en parametre d'URL par 
le menu deroulant de selection. 


Connexion 


ConnexionScore 




Table 


commerciaux 


Indique dans quelle table les donnees sont supprimees. 


Colonne de la cle 
primaire 


ID 


La cle primaire de la table est le champ ID. 


Valeur de la cle primaire 


Parametre d'URL 
commerciauxlD 


La valeur de la cle primaire, qui permet de selectionner 
I'enregistrement a supprimer, est le parametre d'URL 
commerciauxlD envoye par le menu deroulant dynamique. 


Apres la suppression 
aller a : 


liste.php 


Cette zone permet d'indiquer la page affichee apres la 
suppression de I'enregistrement dans la base. Dans notre cas, 
nous allons a la page liste.php afin d'afficher la liste des 
commerciaux mise a jour. 
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Figure 3-34 

L'ecran de suppression permettra par la suite a I ' administrate ur de supprimer rapidement un commercial de la 
base. 
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Page de confirmation de traitement 

Dans le cas de la suppression d'un commercial, aucun message n'a informe l'operateur de la 
suppression effective de l'enregistrement selectionne. Nous vous proposons maintenant de 
creer une page specifique a cette tache. Elle est done appelee apres le traitement, et il faut lui 
communiquer l'identifiant de l'enregistrement supprime, afin de rediger un message contex- 
tuel indiquant a l'operateur que le traitement a bien ete effectue. La page dans laquelle nous 
allons integrerce message se nomme confirmation.php et se trouve dans le dossier adminis- 
trateur. 

Procedure de creation de la page confirmation.php 

1. Ouvrez la page confirmation.php du dossier administrateur (si besoin, creez une nou- 
velle page a partir du modele administrateur si elle n'existe pas). 

2. Cliquez sur le bouton + du panneau Liaisons et selectionnez Variable d'URL. Dans la 
boite de dialogue, indiquez le nom de la variable commerciauxID, puis validez. La varia- 
ble doit ensuite apparaitre dans la fenetre du panneau de Liaisons (voir figure 3-35). 

3. Dans la zone modifiable de la page, saisissez un texte de confirmation de traitement. Fai- 
tes ensuite glisser la variable d'URL de la fenetre de Liaisons jusqu'a l'endroit ou vous 
desirez l'inserer dans votre texte (voir figure 3-35). 

4. Cliquez sur le bouton Live Data et saisissez le nom de la variable d'URL, suivi du signe 
egal et d'une valeur de test dans le champ de parametres de la barre d'outils Live Data 
(par exemple commerciauxID=4), puis cliquez sur le bouton d'actualisation de la barre 
Live Data. Le nom de la variable d'URL integre dans votre texte doit alors etre remplace 
par la valeur de test (voir figure 3-36). A noter que si un message d'erreur s'affiche, vous 
signalant que la variable commerciauxID n'est pas declaree lors du passage en Live Data, 
vous pourrez resoudre ce probleme en ajoutant la ligne de code suivante en haut de la 
page (en mode Code) : 

<?php if(!isset($_GET['commerciauxID'])) $_GET[ 'commerciauxID' ]=0 ; ?> 

5. Ouvrez de nouveau la page supp.php, puis double-cliquez sur le comportement Suppri - 
mer 1 'enregistrement qui se trouve dans la fenetre des Comportements de serveur (pan- 
neau Application). Dans la premiere boite de dialogue, cliquez sur le bouton Parcourir 
en bas, pour changer le nom du fichier, qui s'affiche apres le traitement. Dans l'explora- 
teur de fichiers, choisissez ensuite le fichier confirmation.php et validez. II est a noter 
que, dans la partie basse de l'explorateur de fichiers, se trouve une zone URL et un bouton 
Parametres qu'il est possible d'utiliser si vous desirez passer plusieurs parametres 
d' URL dans le fichier selectionne. De retour dans la boite de dialogue du comportement 
Supprimer 1 'enregistrement, il ne vous reste plus qu'a confirmer votre modification en 
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Figure 3-35 

Pour inserer un parametre d' URL dans le texte de votre page, U sufftt de lefaire glisser depuis le panneau de 
Liaisons. 

cliquant sur le bouton OK (voir figure 3-37). Enregistrez enfin la page supp.php avant de 
la fermer. 

6. Si vous testez le fonctionnement de la page de suppression directement depuis le naviga- 
teur du Web local, la page de confirmation apparait apres son execution en rappelant 
l'identifiant du commercial qui vient d'etre supprime (voir figure 3-38). 

Page de modification de donnees dans la base 

La page de modification d'un enregistrement fait partie des fonctions indispensables pour 
gerer une base de donnees. Nous allons detailler deux mefhodes differentes pour realiser ce 
type de page tres courant dans les ecrans d' administration de base de donnees. 
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Figure 3-36 

En mode Live Data, la variable d'URL est remplacee par la valeur de test. 



Dans la premiere methode, nous utilisons une fonction automatisee disponible dans la barre 
d'outils Insertion/Application grace aubouton Formulaire de mise a jour des enregistre- 
ments. Nous l'appliquerons a la creation de la page modif .php de l'espace administrateur, qui 
permet a 1' administrateur de mettre a jour toutes les informations relatives a un commercial. 

La deuxieme methode exploite le comportement de serveurMett re a jour 1 'enregistrement. 
Avec cette methode, nous devons au prealable creer un formulaire de modification integrant 
des elements de formulaire dynamique preinitialises avec des valeurs issues de la base de 
donnees. Meme si cette deuxieme methode est plus compliquee a mettre en ceuvre, elle 
s'avere souvent mieux adaptee pour realiser des ecrans de mise a jour sur mesure. Nous 
l'appliquerons a la creation de la page moncompte.php de l'espace commerci aux, qui permet aux 
commerciaux de mettre a jour eux-memes certaines informations de leur fiche. 
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Figure 3-37 

Si vous desirez que I 'ecran de la page de confirmation s 'affiche apres une suppression, ilfaut modifier les 
parametres du comportement Supprimer I'enregistrement dans la page supp.php. 
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Figure 3-38 

L' ecran de confirmation 
rappelle I'identifiant du 
commercial qui a ete 
supprime et s 'affiche 
des que le traitement de 
suppression est termini. 
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Procedure de creation de la page modif.php 

1. Comme pour la creation de la page supp.php, ilfaut selectionner au prealable le commercial 
a modifier. Pour eviter de recreer un autre jeu d'enregistrements, vous pouvez copier celui 
qui a deja ete constitue dans la page supp.php (voir figure 3-31). Pour cela, ouvrez la page 
supp.php, faites un clic droit sur le jeu rsSel ectCommerci aux dans le panneau Li ai sons, puis 
selectionnez Foption Copier. Fermez la page supp.php et ouvrez la page modif.php. Faites 
un clic droit dans le panneau Liaisons (dans la zone grise situee en haut du panneau) et 
selectionnez l'option Coller. Un jeu identique (rsSel ectCommerci aux) a celui de la page 
supp.php est alors ajoute au panneau Liaisons. 

2. Dans la zone modifiable de la page, inserez un formulaire et configurez la zone Action 
avec le fichier modi f . php et la methode sur GET. Placez-vous dans le formulaire et creez un 
tableau de 2 lignes. Inserez dans la premiere ligne un objet Liste/Menu depuis le panneau 
Formulaires. Dans le panneau Proprietes de 1 'objet, nommez-le commerciauxID et cli- 
quez sur le bouton Dynamique. Dans la boite de dialogue qui s'affiche, selectionnez les 
valeurs selon le tableau 3-7. II est a noter que contrairement au menu dynamique de la 
page supp.php, qui n'est affiche qu'une seule fois, dans le cas d'une modification, il faut 
veiller a ce que la valeur par defaut du menu deroulant soit initialisee a la valeur prece- 
demment selectionnee. La demarche, pour initialiser le menu, consiste a configurer le 
champ Selectionner une valeur egale a en cliquant sur l'icone avec 1' eclair situee a sa 
droite (voir figure 3-39), puis a choisir le parametre d'URL commerciauxID disponible 
dans la fenetre Donnees dynamiques (si le parametre commerciauxID n'est pas encore confi- 
gure dans cette fenetre, il suffit de cliquer sur le bouton + de la fenetre Li ai sons, de selec- 
tionner Variable d'URL et de saisir commerciauxID dans la fenetre Variable d'URL). Enfin, 
ajoutez un bouton de validation de formulaire dans la deuxieme ligne du tableau et rem- 
placez son etiquette par Selectionner, dans le panneau des Proprietes (voir figure 3-39). 

Dans le panneau Liaisons, cliquez sur le bouton + pour creer un deuxieme jeu d'enregistre- 
ments. Configurez les differentes zones de la boite de dialogue du jeu selon les informations 
ci-apres, puis validez (voir figure 3-40). 

3. Placez ensuite votre pointeur en dessous du premier formulaire, dans la region modifia- 
ble de la page, et cliquez sur le bouton Mettre a jour 1 'enregistrement puis Assistant 
de formulaire de mise a jour des enregistrements dans le panneau Insertion/Appli- 
cation. Renseignez la boite de dialogue de ce comportement selon les informations ci- 
apres, puis validez (voir figure 3-41). 

4. Le formulaire de mise a jour doit s'afficher dans la page (voir figure 3-42). Mettez en 
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forme le tableau et le texte selon vos preferences. Q 

o 
c 

6. Cliquez sur le bouton Live Data pour tester le formulaire. Le menu deroulant et le formu- a 

laire doivent etre initialises avec les valeurs du commercial selectionne. Dans le champ "< 

des parametres d'URL de la barre Li ve Data, vous pouvez changer la valeur de la varia- gr 
ble commerciauxID afin de tester differents enregistrements (voir figure 3-43). 
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Figure 3-39 

La boite de dialogue de Vobjet Liste/Menu permet de configurer les options de Vajfichage dynamique de la liste 
dans le menu deroulant. 



Tableau 3-7 - Parametres de I'objet Liste/Menu du formulaire 



o- 

c 
O 



Zone 


Valeur 


Commentaires 


Options du jeu 


rsSelectCommerciaux 


Jeu d'enregistrements utilise pour afficher la 


d'enregistrements 




liste dynamique du menu. 


Valeur 


ID 


Les donnees du champ ID sont utilisees pour 






les valeurs de la liste du menu. 


Etiquette 


nom 


Les donnees du champ nom sont utilisees pour 






les etiquettes de la liste du menu. 


Selectionner une 


<?php echo $_GET['commerciauxlD']; ?> 


Cette information permet d'initialiser la liste 


valeur egale a 




avec la derniere valeur commerciauxlD 
selectionnee. Ce code est recupere en cliquant 
sur le petit bouton avec un eclair a droite du 
champ. II faut ensuite selectionner la variable 
commerciauxlD dans la liste des champs et 
cliquer sur OK. 
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Figure 3-40 

Lejeu d'enregistrements rsModifCommerciaux permet de recuperer toutes les informations correspondant au 
commercial selectionne par leparametre d'URL commerciauxID. 



Tableau 3-8 - Parametres du jeu d'enregistrements rsModifCommerciaux 



Zone 


Valeur 


Com menta ires 


Nom 


rsModifCommerciaux 




Connexion 


ConnexionScore 




Table 


commerciaux 




Colonnes 


Toutes 


Dans le cas de cet ecran de modification, nous desirons pouvoir 
mettre a jour tous les champs de la table. 


Filtre 


ID 

Parametre d'URL 
commerciauxID 


ID est le nom de I'objet menu qui envoie sa valeur en parametre 
d'URL lors de la selection du commercial a modifier. II faut done 
configurer le filtre pour que seul I'enregistrement, dont le champ 
commerciauxID correspondant, soit renvoye. 


Trier 


Aucun 


Theoriquement, notre requete ne doit retourner qu'un seul 
enregistrement ; il n'y a done rien a trier. 
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Figure 3-41 

U application Formulaire de mise a jour est configuree pour actualiser tous les champs de V enregistrement du 
commercial selectionne. 



Tableau 3-9 - Parametres de ('application Assistant de formulaire de mise a jour des 

enregistrements 



c 
O 



Zone 


Valeur 


Commentaires 


Connexion 


ConnexionScore 




Table 


commerciaux 


Indique dans quelle table les donnees sont modifiees. 


Selectionnez un 
enregistrement dans : 


rsModifCommerciaux 


Indique dans quel jeu d'enregistrements doit etre selectionne 
I'enregistrement a modifier afin d'initialiser les valeurs des 
differents champs. 


Colonne de la cle 
primaire 


ID 


La cle primaire de la table est le champ ID. 


Apres la modification 
aller a 


liste.php 


Cette zone permet d'indiquer la page qui est affichee apres la 
modification de I'enregistrement dans la base. Dans notre cas, il 
s'agit de la page liste.php afin d'afficher la liste des commerciaux 
mise a jour. 
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Tableau 3-9 - Parametres de I'application Assistant de formulaire de mise a jour des 

enregistrements (suite) 



Zone 


Valeur 


Commentaires 


Champs du formulaire 


ID 


Cette zone permet de changer le parametrage des differents 




Champ masque 


champs de la table (etiquette, type de variable, valeur par 
defaut...). Nous changeons le parametrage du champ ID en 
champ masque, car il est automatiquement increments par la 
base ; il n'est done pas necessaire de prevoir un champ de 
saisie. 




Figure 3-42 

Le formulaire de mise a jour est desormais integre dans la page. 11 ne resteplus qu 'a tester son fonctionnement en 
mode Live Data. 
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7. Enregistrez la page et testez le fonctionnement dans le Web local pour vous assurer que 
les donnees sont bien actualisees dans la base. 



1 J ' J '■«■■"■ ■ .I....I.IMMIi.BHI.!MBMaili J l 




Figure 3-43 

fin raorfe Live Data, vous pouvez changer la valeur de test afin d 'afficher differents enregistrements dans le 
formulaire de mise a jour. 
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Declaration des variables 

Selon la configuration de votre serveur, il est possible que des messages d'erreur apparaissent pour vous 
signaler que la variable commerci auxID n'est pas declaree (notamment lors de I'appel de la page depuis 
le lien du menu). Dans ce cas, il suffit d'ajouter les lignes de code suivantes en haut de votre page en 
mode Code. Le detail de ces instructions sera aborde dans le chapitre 5 de cet ouvrage. 

<?php 

if( Msset($_GET['commerciauxID'])) $_GET[ 'commerci auxID' ]=0; 

//init de commerci auxID si non declare 

?> 
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Procedure de creation de la page moncompte.php 

La page moncompte.php etant destinee aux commerciaux pour modifier leur fiche, nous 
n'avons pas besoin de creer un formulaire avec un menu de selection comme dans le cas 
precedent (l'identifiant du commercial est deja connu et sera par la suite stocke dans la 
variable de session VARcommerciauxID lors de l'identification). D'autre part, les modifications 
autorisees se limitent aux changements de l'e-mail et de l'agence a laquelle il est rattache : par 
consequent, le formulaire de modification a creer comportera uniquement un champ e-mail et 
une serie de boutons radio pour changer d'agence. 

1. Ouvrez le fichier moncompte.php dans le dossier commerciaux. 

2. Cliquez sur le bouton + du panneau Liaisons et creez un nouveau jeu d'enregistrements 
selon les parametres ci-dessous (voir figure 3-44). 



Figure 3-44 

Boite de dialogue dujeu 
rslnitFiche. 



Jeu d'enregistrements 



Norn : |~! 



Connexion : ■ ConnexionScore 



Table ; commerciaux 



ID 

nam 

prenom 

email 

ogencesID 



v|JPfflr*- 



_*J 



Cokmnes ; Toutes Q Solscttonnws s 



Filtre : 


ID 


V; II- 


- 












V.jri.jbk- '1-- -yyy^yy 


v VARcoflmerciauxlO 


1 










Trier 2 


Aucun 


3^ 





Tableau 3-10 - Parametres du jeu d'enregistrements rslnitFiche 



Zone 


Valeur 


Commentaires 


Nom 


rslnitFiche 




Connexion 


ConnexionScore 




Table 


commerciaux 




Colonnes 


Toutes 


Dans le cas de cet ecran de modification, nous desirons pouvoir 
mettre a jour tous les champs de la table. 
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Tableau 3-10 - Parametres du jeu d'enregistrements rslnitFiche (suite) 



Zone 


Valeur 


Commentaires 


Filtre 


ID 

Variable de session 
VARcommerciauxlD 


VARcommerciauxlD est la variable de session qui contiendra par la 
suite I'identifiant du commercial. 


Trier 


Aucun 


Theoriquement, notre requete ne doit retourner qu'un seul 
enregistrement ; il est done inutile de trier. 
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3. Positionnez votre pointeur dans la zone modifiable et creez un tableau de 5 lignes et 
2 colonnes. Dans la premiere colonne, inserez sur les 4 premieres lignes le nom des diffe- 
rentes informations de la fiche du commercial (nom, prenom, e-mail, agence), et sur la cin- 
quieme ligne, un bouton de validation de formulaire. Dans la deuxieme colonne, inserez un 
objet Champ de texte du panneau Formul ai res au niveau de la ligne E-mai 1 . Dans le pan- 
neau Proprietes de 1 'objet, saisissez email pour le nom et cliquez sur le bouton (avec un 
eclair) a droite de la zone Val . Ini t. Dans la boite de dialogue Donnees dynami ques, selec- 
tionnez le champ emai 1 et validez en cliquant sur le bouton OK (voir figure 3-45). 

4. Passez ensuite a la ligne de 1' agence, dans la meme colonne, et inserez 4 boutons radio 
precedes du nom de chaque agence (Paris, Marseille, Lille, Rennes). Dans le panneau 
Proprietes, attribuez le meme nom agencesID a chacun des 4 boutons radio, de sorte a 
les regrouper dans la meme serie a choix unique. Personnalisez chaque bouton en leur 
donnant une valeur differente (prendre 1, 2, 3 et 4). Cliquez ensuite sur le bouton Dynami - 
que dans le panneau Proprietes, apres avoir selectionne le premier bouton radio. Dans la 
boite de dialogue Groupe de boutons radio dynamiques, cliquez sur le bouton avec un 
eclair (a droite de la zone de la valeur). Dans la deuxieme boite de dialogue Donnees 
dynamiques, selectionnez le champ agencesID du jeu d'enregistrements rslnitFiche, puis 
validez en cliquant sur OK dans les deux boites. Desormais, les 4 boutons radio sont de 
couleur bleue, ce qui signifie qu'ils sont devenus des elements dynamiques (voir 
figure 3-46). 

5. Maintenant, faites glisser la variable nom du jeu d'enregistrements du panneau Liaisons 
dans la premiere cellule de la deuxieme colonne (en face de 1' etiquette Nom :). Repetez 
l'operation pour la cellule du dessous, mais cette fois avec la variable prenom. Placez 
votre pointeur a gauche du bouton Modifier et cliquez sur le bouton Champ masque de la 
barre d'outils Insertion/Formul aires afin d'ajouter cet objet dans la page. Dans le pan- 
neau Proprietes de 1 'objet, saisissez le nom ID et cliquez sur le bouton avec un eclair 
(a droite de la zone Val eur). Dans la fenetre Donnees dynami ques, selectionnez la variable 
ID dans le jeu rslnitFiche puis validez (voir figure 3-47). 

6. Cliquez sur le bouton + du panneau Comportements de serveur et selectionnez Mettre a 
jour un enregistrement. Renseignez les zones de la boite de dialogue selon les informa- 
tions de la figure 3-48 puis validez. 
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Figure 3-45 

Configuration de la valeur initiate du champ e-mail. 



Dans la fenetre du document, le tableau doit devenir bleu, indiquant qu'il est desormais 
dynamique. Cliquez sur le bouton Li ve Data pour vous assurez que votre script d'initiali- 
sation fonctionne correctement. Le tableau devient jaune, indiquant que nous sommes en 
mode de test. Verifiez que les valeurs nom, prenom et la valeur initiale du champ de saisie 
email sont bien affichees. De meme, assurez-vous qu'un des boutons radio est bien 
valide par defaut, sinon revoir l'etape correspondant a l'element qui n'est pas initialise 
(voir figure 3-49). 

Mettez en forme votre tableau et le texte du formulaire, puis enregistrez la page source 
moncompte.php. Basculez en Web local et testez le fonctionnement de la page de mise a 
jour de la base depuis le navigateur (voir figure 3-50). 
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Figure 3-46 

Configuration d'un bouton radio dynamique. 
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Page avec barre et etat de navigation 

Lorsque nous avons cree la page liste.php integrant l'affichage d'un tableau des differents 
commerciaux enregistres dans la base, nous avons indique dans le parametrage de l'applica- 
tion Tabl eau dynami que que nous desirions afficher toutes les informations dans la meme page 
(revoir figure 3-15). Cependant, si cette liste devient trop importante, il est interessant de 
pouvoir afficher le meme tableau sur plusieurs pages. Pour cela, Dreamweaver propose 
l'application Barre de navigation, qui realise automatiquement le decoupage du tableau 
selon le nombre d'enregistrements desire par page, et integre une barre de navigation pour 
gerer le passage d'une page a l'autre. Dans le meme registre, Dreamweaver propose aussi une 
autre application, nominee Etat de navi gati on, qui permet d'indiquer le numero des enregis- 
trements affiches et le nombre total d'enregistrements du jeu. 

Nous allons appliquer ces deux applications a la modification de la page 1 i ste . php, pour affi- 
cher la liste des commerciaux sur plusieurs pages. 
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Figure 3-47 

Configuration de la valeur par defaut du champ masque. 



Procedure d'ajout d'une barre de navigation dans la page liste.php 

1. Ouvrez la page liste.php dans le dossier administrateur. 

2. Avant de creer la barre de navigation, nous allons modifier le parametrage de la region 
repetee afin de lui indiquer d'afficher seulement deux enregistrements par page (nous 
prendrons cette valeur pour les tests ; par la suite, vous pourrez choisir le nombre d'enre- 
gistrements que vous desirez). Pour cela, cliquez sur le nom du comportement Region 
repetee dans la fenetre Comportements de serveur. Dans la boite de dialogue, validez 
l'option du haut dans la zone Afficher, saisissez 2 pour le nombre d' enregistrements, 
puis validez votre modification. 

3. Placez votre pointeur sous le tableau de donnees dans la zone modifiable de la page. Cli- 
quez sur le bouton Pagination du jeu d'enregistrements, puis sur Barre de navigation 
du jeu d'enregistrements accessible depuis la barre d'outils Insertion/Application. 
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Figure 3-48 

Ajout d'un comportement de Mise a jour. 

Dans la boite de dialogue Barre de navigation, selectionnez le jeu rsListeCommerciaux 
et validez l'option Afficher avec images. 

4. La barre de navigation doit apparaitre dans la page (voir figure 3-51). Au passage, 
ouvrez la fenetre Fichiers et remarquez que Dreamweaver a ajoute la serie d'icones qui 
est utilisee dans la barre de navigation, directement dans le repertoire administrateur. 
Enregistrez votre page et testez son fonctionnement dans le Web local. 
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Procedure d'ajout d'un etat de navigation dans la page liste.php 

1. Placez votre pointeur sous la barre de navigation qui vient d'etre ajoutee. Cliquez sur le 
bouton Afficher le nombre d'enregistrements puis sur Etat de navigation d'un jeu 
d'enregistrements dans barre d'outils Insertion/Application. Dans la boite de dialogue 
qui s'affiche, selectionnez le jeu d'enregistrements rsListeCommerciaux et validez (voir 
figure 3-52). 
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Figure 3-49 

7e.sf en mods Live Data de V initialisation des elements du formulaire de mise a jour. 



Une ligne de texte integrant trois variables dynamiques apparait sous la barre de naviga- 
tion (voir figure 3-52). Mettez en forme ce texte en lui appliquant la police de votre 
choix et en mettant les variables en gras, par exemple. Dans un premier temps, vous pou- 
vez cliquer sur le bouton Live Data pour afficher les donnees de la premiere page, puis 
enregistrer votre page et tester son fonctionnement complet dans le Web local (voir 
figure 3-53). 



Autres comportements de pagination et d'affichage 

Le panneau Comportements de serveur de Dreamweaver propose d'autres comportements qui 
permettent de realiser des paginations et des affichages d'etat sur mesure (voir figures 3-54 
et 3-55). Vous pouvez ainsi inserer ponctuellement, ou vous voulez dans votre page, un 
element de pagination ou d'affichage d'etat en reference a un jeu d'enregistrements prealable- 
ment cree. 
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Figure 3-50 
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duformulaire de mise a 
jour. 
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Figure 3-51 

Ajout d'une barre de 
navigation dans 
Dreamweaver. 
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Figure 3-52 

Ajout des etats de 
navigation dans 
Dreamweaver. 
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Figure 3-53 

Etat de navigation teste 
en Web local. 
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Figure 3-54 
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Figure 3-55 

Liste des differents 
comportements 
d'affichage d'etat. 
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Acces aux comportements d'etat et de navigation individuels par le panneau Application 

Lorsque vous affichez le menu de la barre de navigation ou de la zone d'etat a I'aide de la barre d'outils 
Insertion (revoir figures 3-51 et 3-52), sachez que vous pouvez aussi acceder individuellement aux 
memes comportements dePongletComportement de serveurdu panneau Application (voir figures 
3-54 et 3-55). 
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Pages d'affichage Principale-Details 



II est frequent que l'affichage d' informations issues d'une base de donnees se fasse en deux 
etapes. Une premiere page (page Principale) affiche une liste des enregistrements disponi- 
bles, et une seconde (page Details) le detail de chaque enregistrement. Chaque ligne de la 
premiere page contient un lien dynamique qui permet d'appeler la deuxieme en passant 
l'identifiant de 1' enregistrement conceme dans un parametre d'URL. La page Details peut 
evidemment comporter de nombreuses informations sur V enregistrement, alors que la page 
Principale affiche uniquement quelques informations necessaires a son identification. Ce 
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type de structure est tres frequemment utilise dans les catalogues en ligne ; elle permet d'affi- 
cher une premiere liste de produits correspondant a la rubrique selectionnee ou a la recherche 
sur critere realisee, puis une fiche dynamique detaillee qui est creee a la volee lorsque l'utili- 
sateur clique sur le lien Detai 1 s d'un produit. 

Dreamweaver propose une application qui permet de creer rapidement une structure de deux 
pages Principale-Details. Cette application est accessible depuis la barre d'outils Inser- 
tion/Application a l'aide du bouton Ensemble de pages Principale-Details. 

Cependant, nous avons remarque plusieurs dysfonctionnements de cette application de 
Dreamweaver, et il nous semble plus interessant de creer une structure Principale-Details 
manuellement en realisant separement les pages Pri nci pal e et Detai 1 s. 

Aussi, nous detaillerons les deux methodes afin que vous puissiez choisir celle qui vous 
correspond le mieux. Nous allons done appliquer successivement ces deux methodes a l'affi- 
chage des coordonnees des differents commerciaux, sous forme d'une fiche individuelle 
d' informations. Nous utiliserons pour cela les pages coordonnees. php et fiche. php du dossier 
commerciaux. La page coordonnees. php affiche la liste des enregistrements (page Pri nci pale), 
etfiche.phpa pour fonction d'afficher le detail de chaque enregistrement (page Detai 1 s) sous 
forme d'une fiche. 

Procedure automatique de creation de pages Principale-Details 

1. Ouvrez le fichier coordonnees. php ainsi que le fichier fiche. php dans le dossier public. 

2. Placez vous dans la page coordonnees. php et cliquez sur le bouton + du panneau 
Liaisons pour creer un nouveau jeu. Renseignez les zones de saisie selon les parametres 
ci-dessous, cliquez sur le bouton Tester pour vous assurer que votre requete est valide, 
puis validez la creation du jeu (voir figure 3-56). A noter que le jeu d' enregistrements 
devra renvoyer toutes les colonnes car ces memes informations seront utilisees a la fois 
pour la page Pri nci pale et pour la page Details. 

3. Placez votre pointeur sous le titre de la page coordonnees. php, selectionnez la categorie 
Application dans le menu de la barre d'outils Insertion, et cliquez sur le bouton Ensemble 
des pages Principale-Details (voir la situation du bouton en haut de la figure 3-57). 

4. Renseignez les champs du panneau selon la configuration desiree (voir figure 3-57). Les 
champs de la page principale permettent theoriquement d'indiquer les donnees qui 
seront affichees uniquement dans cette page, et les champs de la page d'informations 
detai 1 1 ees permettent de selectionner de la meme maniere les donnees que vous desirez 
afficher dans les pages Details. Cependant, nos essais nous ont demontre que Dream- 
weaver ne semble pas tenir compte de ces selections... (nous remedierons par la suite a ce 
probleme en supprimant les champs inutiles directement dans chacune des pages). Le 
champ Lier a la page permet d'indiquer quelle est la donnee qui sera utilisee comme 
lien pour afficher les pages Details correspondantes. Le champ Passer la cle unique 
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Figure 3-56 

Configuration dujeu 
d 'enregistrements pour 
creer un ensemble de 
pages Principale- 
Details. 



Jen d'emceislrements 



Worn: 


rsCo&domees 


1 








Conraxton 3 


■,.or-r - ■ i^-ii. ,...i u- 


v||Mft*.. 








Table 3 


canmwdajt 


- 


CcJorews: 


S> ToUes O 


3t-l.jctonn..- ci : 




ID 

norn 

prenom 








Fftre: 


Aucun 


m- 








■ 


■-\ 








Trier: 


nom 


- Croissant 



Aide 



Tableau 3-11 - Parametres du jeu d'enregistrements rsCoordonnees 



Zone 


Valeur 


Commentaires 


Nom 


rsCoordonnees 




Connexion 


ConnexionScore 




Table 


commerciaux 




Colonnes 


Toutes : 


Pour creer un ensemble de pages Principale-Details, nous aurons besoin 
de toutes les colonnes, car le meme jeu d'enregistrements servira a la 
fois a la page Principale et aux pages Details. 


Filtre 


Aucun 


Nous desirons recuperer tous les enregistrements de la table 
commerciaux. 


Trier 


nom 
Croissant 


Dans la liste des commerciaux, les noms sont classes par ordre 
alphabetique. 
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precise la donnee (en general la cle primaire) qui sera communiquee a la page Details 
lors de son appel. Le champ Af fierier permet de regler le nombre d'enregistrements a 
afficher sur une meme page Principale et de generer en meme temps une barre de navi- 
gation en rapport. Enfin selectionnez le nom de la page qui fera office de page Details 
en cliquant sur le bouton Parcouri r (dans notre exemple, nous avons selectionne la page 
fiche.php). Apres avoir configure ce panneau Inserer 1 'ensemble de pages Princi- 
pale-Details, il ne vous reste plus qu'acliquer sur le bouton OK pour valider vos choix. 

Un premier tableau accompagne d'une barre de navigation et des etats de navigation doit 
alors s'afficher automatiquement dans la page coordonnees.php (voir figure 3-58), de 
meme qu'un tableau dans la page fiche.php (voir figure 3-59). A noter que comme les 
pages concernees sont liees a des modeles, il est possible que le tableau de la page 
fiche.php s'integre en dehors des balises du modele et ne soit done pas visible dans la 
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Figure 3-57 

Configuration du 
panneau Inserer 
I 'ensemble de pages 
Principale-Details. 
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page. II vous suffira alors de le deplacer dans la zone modifiable en mode Code par un 
simple couper-coller. Votre ensemble de pages Principale-Details est maintenant ope- 
rationnel. II ne vous reste plus maintenant qu'a supprimer les colonnes inutiles (comme 
nous l'avions suggere precedemment), a appliquer les mises en forme souhaitees a vos 
tableaux (voir figure 3-60), et a tester l'ensemble des pages depuis le Web local (voir 
figure 3-61). 



Attention au style des liens hypertextes 

Les liens des noms de selection des commerciaux et de la barre de navigation crees automatiquement 
dans la page principale heritent du style de la page. Hors, celui-ci est configure pour les liens du menu de 
la page sur fond bleu (texte blanc par defaut et rouge pour le rollovei). II faut done appliquer un fond de 
couleur aux cellules contenant des liens ou leur attribuer un style different, sinon ils ne seront visibles que 
si vous les survolez... 



Figure 3-59 

L 'application insere 
aussi automatiquement 
un tableau regroupant 
les differentes 
informations de chaque 
enregistrement dans la 
page Details. 
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Figure 3-60 

Unefois la structure des w ,„ 
tableaux realisee, vous 
pouvez les mettre en 
forme comme pour un 
simple element statique. 




Figure 3-61 
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pages Principale- 
Details dans le Web 
Local. 
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Procedure manuelle de creation de pages Principale-Details 

Creation de la page coordonnees.php 

1. Ouvrez le fichier coordonnees.php dans le dossier public. A noter que si vous avez deja 
realise la page coordonnees.php avec la methode automatique precedente, vous pouvez 
utiliser le modele publ i c pour creer une nouvelle page coordonnees . php, afin de disposer 
d'une page vierge de tout comportement. 

2. Cliquez sur le bouton + du panneau Li ai sons pour creer un nouveau jeu. Renseignez les 
zones de saisie selon les parametres ci-dessous, cliquez sur le bouton Tester pour vous 
assurer que votre requete est valide, puis validez la creation du jeu (voir figure 3-62). 




Figure 3-62 

Jeu rsCoordonnees pour la creation de la page Principale. 
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Tableau 3-12 - Parametres du jeu d'enregistrements rsCoordonnees 



Zone 


Valeur 


Commentaires 


Nom 


rsCoordonnees 




Connexion 


ConnexionScore 




Table 


commerciaux 




Colonnes 


Selectionnees : 

ID 

nom 

prenom 


Pour etablir la liste des enregistrements dynamiques, nous n'avons 
besoin que des champs ID (qui sera par la suite I'identifiant passe a la 
fiche), nom et prenom (qui seront affiches dans la liste des 
commerciaux). 


Filtre 


Aucun 


Nous desirons recuperer tous les enregistrements de la table 
commerciaux. 


Trier 


nom 
Croissant 


Dans la liste des commerciaux, les noms sont classes par ordre 
alphabetique. 
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Figure 3-63 

Parametrage du lien appel de fiche.php. 
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3. Creez un tableau de 2 lignes et 3 colonnes dans la zone modifiable de la page en dessous 
du titre. Dans la premiere ligne, indiquez les noms des colonnes (nom, prenom, voir la 
fiche). Glissez ensuite les champs nom et prenom du jeu rsCoordonnees dans les cellules 
de la deuxieme ligne du tableau (a partir des variables disponibles dans le panneau 
Liaisons). 

4. Dans la troisieme cellule de la deuxieme ligne (celle correspondant au titre de colonne 
voi r la f i che), inserez les caracteres >> (par exemple). Selectionnez-les puis, cliquez sur 
l'icone du petit dossier situe a droite de la zone Lien dans le panneau Proprietes de 
1 'objet. Dans laboite de dialogue Select ionner un fichier qui s'ouvre, selectionnez le 
fichier fiche.php et cliquez surlebouton Parametres enbas de laboite, a droite de la zone 
URL. Une nouvelle boite de dialogue intitulee Parametres s'ouvre (voir figure 3-63). Cli- 
quez sur le bouton + de cette boite, saisissez commerci auxID dans la colonne nom, puis pas- 
sez dans la cellule de droite et cliquez sur le bouton avec un petit eclair a droite de la zone 
de saisie. Dans la troisieme boite Donnees dynamiques, selectionnez le champ ID dans le 
jeu rsCoordonnees, et validez toutes les boites successivement. La zone Lien du panneau 
de proprietes doit alors etre renseignee automatiquement avec la valeur : 

fiche. php?commerciauxID=<?php echo $row_rsCoordonnees[ ' ID' ] ; ?> 

Afin d'afficher tous les commerciaux dans ce meme tableau, il faut creer une region 
repetee de la deuxieme ligne. Pour cela, commencez par selectionner la deuxieme ligne 
du tableau puis cliquez sur le + du panneau Comportements de serveur, et selectionnez 
Region repetee dans la liste du menu. Choisissez le jeu d'enregistrements rsCoordonnees 
dans la boite de dialogue ainsi que l'option Tous 1 es enregi strements, puis validez votre 
configuration. 

5. Cliquez sur le bouton Live Data pour vous assurez que le tableau dynamique affiche bien 
les enregistrements de la table commerciaux, puis enregistrez votre page sous le nom 
coordonnees.php. Vous devez maintenant passer a la creation de la page fiche.php, qui 
sera appelee par le lien que vous venez de mettre en place dans la colonne voir la 
fiche. 

Creation de la page fiche.php 

1. Ouvrez la page fiche.php (si elle n'est pas disponible, utilisez le modele publ ic pour la 
creer) du dossier publ i c. 

2. Cliquez sur le bouton + du panneau Li ai sons pour creer un nouveau jeu. Renseignez les 
zones selon les parametres ci-apres, puis validez (voir figure 3-64). 

3. Creez un tableau de 5 lignes et 2 colonnes dans la zone modifiable de la page, en dessous 
du titre. Dans la premiere colonne, renseignez chacune des lignes avec le nom des infor- 
mations a afficher (nom, prenom, e-mail, agence), la derniere ligne n'etant pas exploitee 
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Tableau 3-13 - Parametres du jeu d'enregistrements rsFiche 



Zone 


Valeur 


Commentaires 


Nom 


rsFiche 




Connexion 


ConnexionScore 




Table 


commerciaux 




Colonnes 


Toutes 


Dans le cas de cet ecran de modification, nous desirons pouvoir mettre 
a jour tous les champs de la table. 


Filtre 


ID 

Variable d'URL 
commerciauxlD 


commerciauxlD est la variable d'URL qui sera envoyee par la page 
coordonnees.php en meme temps que I'appel de la page fiche.php. 


Trier 


Aucun 


Theoriquement, notre requete ne doit retourner qu'un seul 
enregistrement ; il n'y a done rien a trier. 



Figure 3-64 

Jeu rsFiche de la page 
fiche.php. 
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dans cette partie. Glissez ensuite les variables correspondantes dans les cellules de la 
colonne de droite (voir figure 3-65). 

4. Enregistrez la page sous fiche.php et basculez en Web local pour tester le fonctionne- 
ment complet de la structure, en cliquant sur le lien Coordonnees depuis le menu de 
l'espace Publ ic (voir figures 3-66 et 3-67). 



Page d'affichage d'une image dynamique 



Un site dynamique peut aussi afficher, dans une meme page, des images differentes selon 
1' enregistrement selectionne. Le nom des images est, dans ce cas, indexe dans un champ 
specifique de la table des enregistrements. Pour realiser l'integration d'une image dynamique 
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Figure 3-65 

Creation du tableau de lafiche. 

dans une page, il existe deux methodes. Dans la premiere, nous utiliserons la fenetre du 
panneau Liaisons pour lier la variable contenant le nom du fichier image a l'emplacement 
d'affichage qui lui est reserve dans la page. Dans la deuxieme methode, nous utiliserons 
l'inspecteur de Propri etes pour assurer cette meme liaison. Nous vous proposons de detailler 
ci-apres ces deux methodes en les appliquant a l'integration d'une photo dans la fiche du 
commercial. Pour les deux methodes, il faut au prealable ajouter un champ supplementaire 
dans la table commerciaux, afin d'enregistrer le nom de la photo pour chaque enregistrement. 
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Ajout du champ photo a la table commerciaux et preparation des 
photos 

1, Ouvrez le gestionnaire de base de donnees phpMyAdmin. Pour cela, il suffit de cliquer 
sur l'option phpMyAdmin du manager de Wamp5. 
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Figure 3-66 

Test de la page coordonnees.php depuis le Web local Pour voir lafiche d'un commercial, il suffix de cliquer sur 
le lien de la colonne Voir lafiche en regard de son nom. 



2. Selectionnez la base score_db dans le menu deroulant de gauche. Dans la partie droite, 
cliquez sur le lien Proprietes sur la ligne de la table commerciaux. Descendez dans la 
page jusqu'a larubrique Ajouter un champ. Validez les options par defaut (1 en fin de 
tabl e) en cliquant sur le bouton Executer. Dans le formulaire de saisie, renseignez les 
zones Champ=photo, Type=VARCHAR, Taille=50, selectionnez l'option null dans la zone 
Nul 1 et saisissez le nom de fichier photo0.jpg pour le champ Defaut. Validez vos infor- 
mations en cliquant sur le bouton Sauvegarder (voir figure 3-68). 

3. Cliquez ensuite sur le nom de la base, score_db, dans la partie de gauche. Dans la partie 
de droite, cliquez maintenant sur le lien Afficher de la table commerciaux. La liste des 
enregistrements est alors affichee avec la valeur photo0.jpg, dans chaque cellule de la 
colonne photo. Cliquez successivement sur le lien modifier de chaque enregistrement, 
pour changer le nom du fichier photo correspondant (prendre par exemple photol.jpg, 
photo2.jpg...). Au terme de vos differentes modifications, le tableau des enregistrements 
devrait etre semblable a celui de la figure 3-69. Les changements necessaires dans la 
base de donnees sont alors termines et vous pouvez fermer le gestionnaire. 

4. Avant de passer a la configuration dans Dreamweaver, il faut aussi preparer les fichiers 
photos que vous voulez afficher dans la page. Prenons par exemple des fichiers JPEG de 
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Figure 3-67 

Test de la page fiche.php depuis le Web local. 
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Figure 3-68 

A/om? d'un nouveau champ photo a la table commerciaux. 
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150 x 200 pixels, que nous allons enregistrer sous les memes noms que ceux saisis dans 
la base : photo0.jpg, photol.jpg... La photo d'indice est la photo qui est affichee par 
defaut si le champ n'a pas ete renseigne lors de la creation de l'enregistrement. Tous ces 
fichiers sont stockes dans le repertoire images du site (voir figure 3-70). 
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Figure 3-69 

Initialisation de la colonne photo. 



Figure 3-70 

Emplacement des 
fichiers photos. 
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Modification de la table commerciaux par importation SQL 

Dans le repertoire archives du SITEscore_STRUCTURE, vous trouverez une exportation de la table 
commerciaux dont la structure a ete prealablement modifiee pour pouvoir afficher les photos des 
commerciaux. Cette exportation se nomme commerciaux_tb_AvecPhoto.sql , et il suffit de I'importer 
dans votre base pour qu'elle remplace votre table actuelle (revoir si besoin la procedure d'importation 
presentee au chapitre 2). 



Integration d'une image dans la page fiche.php a I'aide du panneau 
Liaisons 

1. Ouvrez la page fiche.php du dossier public. 

2. Ajoutez une cinquieme ligne au tableau, saisissez le texte photo dans la premiere colonne 
et inserez la photo photo0.jpg du dossier images, dans la seconde colonne. Assurez-vous 
qu'elle est bien selectionnee dans la page et cliquez ensuite sur le champ photo dans le 
panneau Li ai sons, apres avoir deroule le jeu d'enregistrements rsFi che (voir figure 3-71). 
Si le champ photo n'est pas disponible dans le jeu d'enregistrement de la fiche, il faudra le 
reactualiser (ouvrir le jeu en double-cliquant sur son nom dans le panneau Liaisons et 
valider la fenetre du jeu en cliquant sur OK) afin d'y ajouter la colonne photo precedem- 
ment creee. En bas du panneau Liaisons, cliquez sur le bouton Lier. La photo doit alors 
etre remplacee par une petite icone grise representant une photo dynamique. 

3. Dans le panneau Proprietes de la photo, cliquez dans la zone Src et ajoutez, devant le lien 
dynamique, le chemin du repertoire ou se trouve la photo (. ./images/). Vous devez alors 
avoir le code suivant dans cette zone :. ./images/ <?php echo $row_rsFiche['photo']; ?> 

4. Cliquez sur le bouton Live Data et saisissez, dans le champ de la barre Live Data, le 
parametre commerciauxID=10 afin de simuler l'identifiant du commercial qui sera par la 
suite envoye par le lien voi r la f i che de la page coordonnees . php. Cliquez ensuite sur le 
bouton de reactualisation situe a gauche de la barre Live Data. Comme avant, vous 
voyez les informations de l'enregistrement apparaitre a la place des variables du tableau, 
mais avec cette fois la photo correspondant a l'enregistrement selectionne (voir 
figure 3-72). Si vous desirez afficher un autre enregistrement, il suffit de modifier l'iden- 
tifiant du commercial dans la zone de saisie de la barre Live Data : commerciauxID=2 (par 
exemple) puis de cliquer sur le bouton de reactualisation de la barre Live Data. 

5. Enregistrez votre fichier et testez l'ensemble du fonctionnement dans le Web local. 
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Figure 3-72 

Test de I'ajfichage de la 
photo en Live Data. 
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Integration d'une image dans la page fiche.php a I'aide du panneau 
Proprietes 



Revenir a I'etat initial de la page fiche.php 

Avant de tester cette seconde methode, vous devez evidemment partir d'une page fiche.php dans 
laquelle la photo n'est pas encore integree. Pour cela, nous vous suggerons de remonter le curseur du 
panneau Hi stori que de 3 etapes en arriere, afin de disposer d'une page f 1 che . php semblable a celle 
que nous avions avant la demonstration de la premiere methode. 



1. Ouvrez la page fiche.php du dossier public. 

2. Inserez l'image photo0.jpg dans le tableau, comme dans la premiere methode. Cliquez 
sur l'image pour la selectionner. Dans le panneau Proprietes, cliquez sur le petit dossier 
a droite de la zone Src. Dans la boite de dialogue selectionnez source de 1 'image, puis 
cliquez en hautde la fenetre sur l'option Selectionner le nom du fichier dans : Sour- 
ces de donnees. Vous basculez sur une autre fenetre qui vous affiche le contenu du pan- 
neau Liaisons (voir figure 3-73). Choisissez le champ photo dans la branche du jeu 
rsFiche, puis, dans la zone URL du bas de la fenetre, ajoutez le chemin qui mene a la 
photo. Vous devez obtenir dans cette zone le code suivant : ../images/ 
<?php echo $row_rsFiche['photo'] ; ?> .Validez la fenetre en cliquant sur OK. 

3. Cliquez sur le bouton Live Data. Vous devez voir la meme page que dans la methode 
precedente (revoir figure 3-72). La aussi, vous pouvez tester l'ensemble dans le Web 
local. 
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Pages d'authentification 

Quatre comportements serveur dedies a la creation d'un systeme d'authentification de l'utili- 
sateur sont presentes dans Dreamweaver. Nous vous proposons done de decrire leur utilisa- 
tion dans le cadre d'un exemple pratique. 

Pour illustrer cette demonstration, nous allons prendre pour objectif de creer un systeme 
d'authentification pour les commerciaux qui desirent acceder a leur espace privatif. 

Le systeme d'authentification du projet Score doit permettre d'autoriser Faeces aux pages de 
l'espace commerciaux uniquement aux commerciaux prealablement enregistres dans une table 
de la base de donnees (table commerci aux), et disposant de leur identifiant (ID) et de leur mot 
de passe (voir repere 1 figure 3-74, nous utiliserons pour cela le comportement Connecter 
1 ' uti 1 i sateur). Nous devrons done modifier la table commerci aux de la base de donnees pour 
y ajouter un champ pass au prealable, afin de memoriser les mots de passe de chaque commer- 
cial (pour les tests, nous utiliserons les parametres de l'utilisateur JM Defrance, soit ID=10 et 
pass-1234). Les ecrans a proteger ne devront pas etre accessibles si l'utilisateur n'a pas ete 
identifie (voir repere 2 figure 3-74, nous utiliserons pour cela le comportement Restreindre 
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Figure 3-73 

Configuration d'une photo dynamique avec lepanneau Proprietes de V image. 



1 ' acces a 1 a page). Nous integrerons aussi, dans chacun des ecrans proteges, un systeme de 
deconnexion (1 ogout) afin de permettre a l'utilisateur de se deconnecter en toute securite (voir 
repere 3 figure 3-74, nous utiliserons pour cela le comportement Deconnecter 1 'utilisa- 
teur). Le nom de l'ecran utilise pour afficher le formulaire de connexion s'appellera 
login.php et sera enregistre dans le repertoire public. Nous ajouterons aussi un ecran speci- 
fique nomme erreur.php dans le meme repertoire, afin d'afficher un message d'erreur si les 
parametres sont errones. Les ecrans proteges seront enregistres dans le repertoire commer- 
ciaux. Pour integrer automatiquement les comportements necessaires (controle et decon- 
nexion), nous utiliserons le modele dedie aux pages de cet espace commerciaux (commer- 
ciauxScore.dwt.php dans le repertoire Templates). 

Enfin, un ecran specifique permettra d'ajouter de nouveaux comptes utilisateurs et devra veri- 
fier que le login n'existe pas deja avant de generer sa creation (voir repere 4 figure 3-74, nous 
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Figure 3-74 

Plan de navigation entre les differents ecrans du systeme d'authentification. Les comportements de serveur de la 
famille « Authentification d'un utilisateur » sont reperespar les indices 1 a 4 et correspondent awe options des 
menus de la figure 3-75. 

n'utiliserons pas le comportement Verifier le nouveau nom utilisateur dans le cadre de 
cette etude de cas, mais il sera exploite dans la boutique MX a la fin de cet ouvrage). 
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Figure 3-75 
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Modification de la base de donnees score_db 

Comme nous allons utiliser l'identifiant ID de la table commerciaux en guise de login, il est 
inutile de creer un champ specifique pour ce parametre. Par contre, pour gerer les mots de 
passe des commerciaux, nous allons ajouter un champ pass supplementaire a la table 
commerciaux. 
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Figure 3-76 

Powr meffre en p/ace /e systeme d 'authentification, nous allons creer un champ supplementaire a la table 
commerciaux afin de memoriser le mot de passe de chaque commercial. Pour inserer ce champ, ajfichez Vecran 
de la structure de la table commerciaux et configurez leformulaire d'ajout d'un nouveau champ comme Villustre 
la figure ci-dessus. 
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Pour acceder au formulaire de creation d'une nouvelle table, selectionnez la base de donnees 
score_db dans la partie gauche du gestionnaire phpMyAdmin. Dans la partie droite du gestion- 
naire, cliquez sur le bouton structure de la table commerciaux. Renseignez les champs de la 
rubrique Ajouter en indiquant 1 pour le nombre de champs, et en choisissant de l'ajouter en 
fin de table (voir figure 3-76), puis validez en cliquant sur le bouton Executer. 

Dans le formulaire de creation du champ, saisissez son nom, son type, sa taille maximale et sa 
valeur par defaut (afin d'eviter d'attribuer un mot de passe a tous les commerciaux pour nos 
tests, nous avons decide de leur donner un mot de passe par defaut : 1234, voir figure 3-77). 
Cliquez ensuite sur le bouton Sauvegarder. 
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Figure 3-77 

Configurez le formulaire de creation du nouveau champ comme Villustre la figure ci-dessus. 



Afin de verifier que tous les comptes des commerciaux sont bien configures, cliquez sur 
l'onglet Afficher et profitez-en pour noter deux ou trois couples d'identifiant et de mot de 
passe pour realiser les tests (voir figure 3-78). 
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Figure 3-78 

Apres avoir cree le nouveau champ, cliquez sur afficher afin de vous assurer que tous les comptes sont bien 
configures. 
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Modification de la table commerciaux par importation SQL 

Dans le repertoire archives du SITEscore_STRUCTURE, vous trouverez une exportation de la table 
commerciaux dont la structure a ete prealablement modifiee pour pouvoir integrer des comportements 
d'authentification dans vos pages. Cette exportation se nomme commerci aux_tb_AvecLogi n . sql , et il 
suffit de I'importer dans votre base pour qu'elle remplace votre table actuelle (revoir si besoin la procedure 
d'importation presentee dans le chapitre 2). 



Procedure de creation de la page login. php et erreurl.php 



Deux manieres pour creer un mime comportement d'authentification 

Dans les procedures qui suivent, nous allons generer tous les comportements de serveur a I'aide du menu 
du panneau Appl ication/Comportements de serveur, mais sachez qu'il est aussi possible de reali- 
ser les memes actions a I'aide des boutons de la categorie Appl i cati on de la barre d'outils Inserti on 
(voir figure 3-75). 



1. Ouvrez le fichier erreur.php depuis le repertoire public. Saisissez un message d'erreur 
dans la partie modifiable et enregistrez votre page sous le meme nom. 

2. Ouvrez ensuite le fichier 1 ogi n . php depuis le repertoire publ i c. 

3. Dans le fichier login. php, commencez par creer un formulaire (voir figure 3-79). Pour 
cela, cliquez dans la page en dessous du titre (login, par exemple) en mode Creation. 
Selectionnez la categorie Formul ai re dans la liste deroulante de la barre d'outils Inserer, 
puis cliquez sur le bouton Formulaire. Placez votre curseur a l'interieur du formulaire 
delimite par les traits pointilles rouges, et inserez un tableau de 2 colonnes et de 3 lignes. 
Saisissez les libelles « Identifiant » et « Mot de passe » dans la colonne de gauche, puis 
inserez un champ dans chacune des deux cellules de droite qui s'y rapportent, et rensei- 
gnez leur nom avec ID et pass. A noter que nous avons choisi de prendre les memes 
noms que ceux des colonnes de la table utilisateurs correspondants, mais vous pour- 
riez eventuellement choisir des noms differents. Selectionnez le champ du mot de passe 
puis, dans le panneau des proprietes, cliquez sur le bouton radio mot de passe qui per- 
mettra de faire apparaitre des etoiles dans le champ a la place de votre mot de passe, lors 
de la saisie. Enfin, ajoutez un bouton de soumission dans la derniere ligne du tableau. 

4. Cliquez sur l'onglet Comportements de serveur du panneau Application, puis cliquez sur 
le bouton + afin de derouler le menu des comportements. Selectionnez ensuite le com- 
portement Connecter un utilisateur depuis Authentification de 1 'utilisateur du 
menu principal. Dans le panneau de configuration, renseignez les differents champs 
selon l'exemple de la figure 3-80. Le champ Obteni r 1 'entree du formul ai re doit etre 
configure avec le nom du formulaire precedemment cree (dans notre cas, nous utiliserons 
le nom par defaut forml). Les champs Nom d' utilisateur et Mot de passe doivent corres- 
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pondre aux noms des deux champs associes du formulaire (ID et pass). Le champ Val i - 
der a l'aide de la connexion doit etre configure avec la connexion du site 
(ConnexionScore). Dans le champ Tableau, selectionnez la table commerciaux. Les 
champs Col onne, Norn d'utilisateur et Colonne Mot de passe doivent etre parametres 
avec les noms des colonnes de la table commerciaux correspondants, soit ID et pass. Les 
deux champs suivants permettent d'indiquer vers quelle page sera redirige l'utilisateur, si 
la connexion a reussi ou si elle echoue. Enfin, la derniere partie du panneau permet de 
choisir si la restriction d'acces controle le niveau d'acces de l'utilisateur, et dans ce cas 
quelle colonne de la table utilisateurs definit ce niveau (dans notre exemple, nous 
n'utiliserons pas cette option). 

5. Apres la validation du panneau de configuration, un nouveau comportement connecter 
un utilisateur doit apparaitre dans le panneau Comportements de serveur. Enregistrez 
votre page et testez-la dans le Web Local. Dans votre navigateur, saisissez public/ 
1 ogi n . php directement dans le champ d' adresse, apres le chemin de la racine du site, soit 
par exemple: http://localhost/SITEscore/public/login.php. L'ecran de login doit 
apparaitre. Commencons par tester la saisie d'un identifiant ou mot de passe errone. Sai- 
sissez par exemple 10 et 8888. Le mot de passe etant mauvais, vous devez etre redirige 
vers l'ecran d'erreur 1 (voir figure 3-81). Cliquez sur le lien, de sorte a revenir a l'ecran 
de login. Saisissez ensuite un identifiant et un mot de passe corrects, cette fois (prendre 
par exemple 10 et 1234, s'ils existent dans votre table). Vous devez alors etre redirige 
vers la page moncompte.php. 

Procedure de creation de pages protegees dans I'espace 
commerciaux 

1. Ouvrez le modele commerciauxScore.dwt.php dans le dossier Templates. Afin de repercu- 
ter les scripts de controle dans toutes les pages de I'espace commerciaux, nous allons 
modifier le modele correspondant. Ainsi, toutes les pages creees a partir de ce modele 
seront protegees de la meme maniere. 

2 Deroulez le menu des Comportements de serveur comme dans la creation precedente, 
mais choisissez cette fois Restrei ndre 1 ' acces a 1 a page, depuis Authenti f i cati on d'un 
utilisateur du menu principal. Renseignez les champs selon l'exemple de la 

J figure 3-82. Parmi les options disponibles dans ce panneau, la premiere, Restrei ndre en 

£, fonction du, permet de choisir si Ton desire ou non gerer le statut de l'utilisateur (comm, 

o admin...). Evidemment, si vous optez pour la restriction avec un controle du niveau 

o d'acces, il faut avoir configure le comportement precedent, connecter 1 ' uti 1 i sateur, en 

2 rapport. De meme, si vous avez opte pour cette solution, il faut aussi creer des niveaux a 

=> l'aide du bouton Definir, et ensuite ne pas oublier de les selectionner avant de valider 

® votre configuration (dans notre exemple, nous n'utiliserons pas cette option ). Le champ 

.SP Si 1 'acces est refuse, aller a doit indiquer la page qui sera affichee si 1' acces est 

a, refuse (dans notre cas, nous avons selectionne la page 1 ogi n . php situee dans le repertoire 

u public). 
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Figure 3-79 

Creation du formulaire dans I'ecran login.php. 



Apres la validation du panneau de configuration, un nouveau comportement, Restrein- 
dre l'acces a la page, doit apparaitre dans le panneau Comportements de serveur. 
Enregistrez votre modele et confirmez la mise a jour des pages dependantes du modele, 
en validant les deux boites de dialogue de la figure 3-83. 

L'interet de modifier le modele des commerciaux commerciauxScore.dwt.php est de dis- 
poser du comportement de restriction d'acces dans toutes les nouvelles pages qui seront 
desormais creees a partir de ce modele. Theoriquement, les modifications du modele 
devraient etre aussi copiees dans les differentes pages deja realisees, dependantes de ce 
modele. Cependant, si vous verifiez ces differentes pages, vous decouvrirez que le com- 
portement de restriction d'acces n'a pas ete copie (Restreindre l'acces a la pageO 
n'apparait pas dans la liste des comportements du panneau Comportements de serveur). 
En effet, le script du comportement etant ajoute au-dessus des balises <html >, il ne peut 
pas etre mis a jour dans les pages dependantes du modele. II existe deux solutions pour 
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Figure 3-80 

Parametrage du panneau de configuration Connecter I 'utilisateur. 
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resoudre ce probleme : reconfigurer le meme comportement de restriction d'acces dans 
toutes les pages du repertoire commerci aux deja elaborees, ou refaire des pages a partir du 
nouveau modele. Dans notre cas, nous opterons pour la premiere solution qui est beau- 
coup plus rapide. Nous vous invitons a l'appliquer en renouvelant la creation du compor- 
tement de restriction d'acces dans les 5 pages du repertoire commerci aux, avant de 
poursuivre la conception du systeme d'authentification. 

Lors des differentes creations des pages du repertoire commerci aux, que nous avons effec- 
tuees depuis le debut de ce chapitre, nous avions ajoute a chaque fois une ligne de code 
PHP en tete de chaque page, afin de pouvoir tester provisoirement son fonctionnement 
avec un commercial par defaut (nous avions pris le commercial dont ID=1). Maintenant 
que le systeme d'authentification est operationnel, il est temps de remplacer cette ligne 
de code et d'affecter a cette variable provisoire le veritable identifiant du commercial 
authentifie, qui a ete memorise dans la session. Pour cela, il suffit de remplacer (en mode 
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Figure 3-81 

Test du comportement Connecter I 'utilisateur : si I 'identifiant ou le mot de passe sont incorrects, vous devez etre 
redirige automatiquement vers Vecran d'erreur erreurl.php. 

Code), dans toutes les pages du repertoire commerci aux, la ligne de code provisoire par le 
code PHP ci-apres (voir figure 3-84) : 

<?php 

session_start( ) ; 

if(isset($_SESSION['MM_Username'])) 

$_SESSION['VARconmerciauxID']=$_SESSION['MM_Username']; 

//initialisation de l'ID du commercial ?> 



6. Enregistrez toutes vos pages et passez ensuite dans le Web Local. Dans l'ecran d'accueil, 
essayez d'acceder a la page protegee sans vous identifier, en cliquant sur le lien espace com- 
merci aux. Si le systeme fonctionne correctement, vous devez alors etre redirige vers la page 
1 ogi n . php. Renseignez le formulaire de la page 1 ogi n . php avec le login et le mot de passe 
d'un utilisateur enregistre (par exemple, 10 et 1234), puis validez. Vous devez alors etre 
redirige vers la page moncompte . php de Fespace des commerciaux, si le systeme fonctionne. 

Procedure de creation d'un lien logout dans les pages protegees 

1. Ouvrez de nouveau le modele commerci auxScore.dwt. php dans le dossier Templates. 

2. Commencez par creer un lien 1 ogout dans le menu de la page (voir le lien logout dans le 
menu du haut de la figure 3-85). Comme 1'URJL de ce lien sera configured automatique- 
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Figure 3-82 

Parametrage dupanneau de configuration Restreindre Faeces a la page. 

merit par le comportement de serveur, il suffit de selectionner le mot logout dans le 
menu, et de saisir un # dans le champ lien de son panneau de proprietes pour le convertir 
en lien hypertexte. 

3. Deroulez le menu des Comportements de serveur et choisissez Deconnecter l'utilisa- 
teur depuis Authentifi cation d'un utilisateur du menu principal. Renseignez les 
champs selon l'exemple de la figure 3-85. Parmi les options disponibles dans ce pan- 
neau, la premiere, Se connecter quand, permet de choisir si la connexion sera generee 
par un clic de l'utilisateur sur un lien hypertexte ou lors du chargement d'une page speci- 
fique. Dans le cas de l'utilisation d'un lien (e'est le notre), il faut le prendre dans la liste 
deroulante qui rassemble tous les liens detectes dans la page. Comme nous avons pris 
l'initiative d'en creer un au prealable, celui-ci figure dans cette liste, et il suffit mainte- 
nant de le selectionner. Le champ Une fois termine, aller a doit indiquer la page qui 
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Figure 3-83 

Enregistrement du modele et confirmation des mises a jour de tons lesfichiers du repertoire commerciaux. 



sera affichee apres la deconnexion (nous choisirons la page login.php situee dans le 
repertoire public). 

Apres la validation du panneau de configuration, un nouveau comportement Deconnecter 
1 ' uti 1 i sateur doit apparaitre dans le panneau Comportements de serveur, en dessous du 
precedent. Enregistrez le modele et confirmez la mise a jour des pages dependantes de ce 
modele. Encore une fois, nous vous invitons a verifier que le nouveau comportement 
ajoute dans le modele a bien ete duplique dans toutes les pages attachees a ce modele. En 
effet, une partie du nouveau comportement etant inseree a l'exterieur des balises <html>, 
il est possible que toutes les modifications ne soient pas reportees dans les pages deja 
creees. Une premiere solution consiste a recreer toutes les pages de l'espace commer- 
ciaux a partir du nouveau modele. L' autre solution, qui est de reproduire le meme com- 
portement Deconnecter 1 'utilisiteur dans chaque page de l'espace des commerciaux, 
ne fonctionnera pas dans cet exemple. En effet, le lien logout etant integre dans une par- 
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Figure 3-84 

Remplacement de la ligne de code provisoire par une instruction d 'affectation de la variable VARcommerciauxID 
par la variable de session MMJUsername, generee automatiquement par le comportement Connecter 
Vutilisateur (afaire dans tons lesfichiers du repertoire commerciaux). 

tie non modifiable de la page, le comportement vous renverra une erreur vous indiquant 
qu'un morceau du code a changer est verrouille. Cependant, pour contourner ce pro- 
bleme, il suffit de reperer le fragment de code PHP correspondant au comportement 
Deconnecter 1 'utilisateur dans la page modele, puis de le copier ensuite en mode 
Code, en haut de chaque page du repertoire commerciaux (pour reperer ce code, reportez- 
vous a la figure 3-86). 

5. Testez ensuite le lien logout dans le Web Local. Connectez-vous de nouveau a la page 
moncompte.php en vous identifiant avec l'ecran login.php, puis cliquez sur le lien logout. 
Si le systeme fonctionne correctement, vous devez alors etre redirige vers la page 
login.php. 
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Figure 3-85 

Parametrage du panneau de configuration Deconnecter Vutilisateur. 
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Figure 3-86 

Fragment de code du comportement Deconnecter I 'utilisateur a copier dans le haut de chaque page de I 'espace 
des commerciaux. 



Remarques sur les problemes lies aux modeles de page 

Les problemes rencontres dans Integration des comportements d'authentification, dans les modeles de 
page de cette etude de cas, peuvent etre facilement evites lors de vos futures realisations. II suffit pour 
cela de creer tous les comportements d'authentification necessaires dans le modele, avant de composer 
les pages dependantes qui doivent etre protegees. 
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Commandes SQL avancees 



Le langage SQL (Structured Query Language) est un langage normalise d' interrogation de 
bases de donnees. Puisqu'il est normalise, il est independant du type des bases de donnees : 
les memes commandes peuvent done etre exploiters quelle que soit la base utilisee (Access, 
MySQL...)- Les commandes SQL peuvent ainsi gerer tout type d'action sur le serveur de 
bases de donnees MySQL, depuis la simple manipulation des enregistrements jusqu'ii la crea- 
tion, modification ou suppression d'une base, d'une table ou d'un champ. 

Les commandes SQL peuvent etre transmises au serveur MySQL de trois manieres diffe- 
rentes selon Taction qu'on desire realiser (voir tableau 4-1). 

La premiere maniere consiste a utiliser un logiciel comme le gestionnaire phpMy Admin ou 
encore le client MySQL (le client MySQL permet la saisie de commandes en ligne de code 
directement sur le serveur). Cependant, l'utilisation de ces outils necessite d'avoir un compte 
administrates ouvert sur le serveur de la base et demande un apprentissage prealable. Aussi, 
nous utiliserons ces methodes uniquement dans le cadre de la creation ou de la modification 
de la structure d'une base de donnees. 

La deuxieme maniere repose sur l'utilisation des jeux d' enregistrements ou des comporte- 
ments de serveur disponibles en mode Creation dans Dreamweaver. Cette deuxieme methode 
a l'avantage d'etre tres simple : tous les internautes peuvent utiliser les pages dynamiques 
ainsi creees, depuis une interface Web et sans avoir obligatoirement un compte sur le serveur 
MySQL. Cependant, elle reste limitee aux manipulations standards (selection simple, ajout, 
modification ou suppression d'enregistrements...). 

La troisieme maniere revient a utiliser l'editeur de code de Dreamweaver pour developper des 
scripts PHP. Ces derniers creent des requetes dans la base, a partir de donnees qui leur sont 
envoyees (a l'aide d'un formulaire en ligne par exemple). Cette derniere methode permet 
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aussi de creer des pages dynamiques disponibles en ligne, comme avec les comportements de 
serveur ou les jeux d'enregistrements, mais demande des connaissances et une bonne expe- 
rience de la programmation PHP. 

Tableau 4-1 - Tableau de choix d'une methode pour intervenir sur une base de donnees 



Commandes 


Actions 


Methodes 
conseillees 




Chapitre a 
consulter 


CREATE 


Creation ou 


**** 


phpMyAdmin 


Chapitre 2 


ALTER 


modification 




(necessite un compte administrateur). 




DROP 


d'une base ou 
d'une table. 












* 


Client MySQL 

(necessite un compte administrateur). 


non aborde dans 
cet ouvrage 


SELECT 


Manipulations 


***** 


Utiliser les jeux d'enregistrements et les 


Chapitres 3 et 4 


INSERT 


standards de 




comportements serveur de 




UPDATE 


donnees. 




Dreamweaver. 




DELETE 










REPLACE 












Manipulations 


* * * 


Developper des scripts PHP dans 


Chapitres 5 et 6 




elaborees de 




I'editeur de code de Dreamweaver. 






donnees. 









Dans le cadre de cet ouvrage, nous nous interesserons uniquement a la redaction des requetes 
destinees a la manipulation des donnees. En ce qui concerne la creation ou la modification de 
la structure de la base de donnees, nous n'ecrirons pas de requete pour ces actions, car nous 
utiliserons le gestionnaire de base phpMyAdmin, en suivant les procedures deja traitees dans 
le chapitre 2. 

Dans le chapitre suivant, consacre au langage PHP, nous etudierons les differentes fonctions 
employees dans la composition des scripts de traitement d'une commande SQL, alors que 
dans le present chapitre nous nous limiterons a 1' exploitation des fonctions de Dreamweaver 
qui se substituent a l'utilisation de ces scripts PHP. Ainsi, lorsque nous formons un jeu d'enre- 
gistrements, Dreamweaver elabore un script PHP qui permet de transmettre la requete saisie 
au serveur MySQL. Grace aux jeux d'enregistrements de Dreamweaver, nous disposons 
d'une interface avec MySQL et nous n'aurons pas a nous soucier pour l'instant de la concep- 
tion de ces fonctions PHP. La notion du jeu d'enregistrements ayant deja ete traitee dans le 
chapitre 2, et son utilisation en mode Simple dans le chapitre 3, nous allons maintenant nous 
interesser a son exploitation en mode Avance pour ecrire des requetes SQL plus complexes. 

Le tableau 4-2 vous presente les differentes commandes SQL destinees a la manipulation de 
donnees, leur fonction respective et leur syntaxe simplifiee. Nous completerons plus loin ces 
informations par une syntaxe detaillee des commandes. Chaque commande sera illustree par 
plusieurs exemples qui accompagneront leur presentation. 
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Tableau 4-2 - Principales instructions SQL de manipulation d'enregistrements 



Commande SQL 


Fonction 


Syntaxe simplified 


SELECT 


Recherche et extraction de donnees. 


SELECT champl , champ2, ... 


(commande utilisee 


Differentes options peuvent etre exploitees 


FROMtable1,table2, ... 


pour tous les jeux 


pour selectionner les enregistrements, les 


WHERE critere(s) de selection 


d'enregistrements) 


champs retournes, ou I'ordre dans lequel 


ORDER BY information sur le tri 




sont ramenes les enregistrements. 




INSERT 


Ajout d'enregistrement(s) dans la base. 


INSERT INTO table (champl, champ2, ...) 
VALUES (valeur1,valeur2, ...) 


UPDATE 


Modification d'enregistrement(s). 


UPDATE table 
SET champ = valeur 






WHERE critere(s) de selection 


DELETE 


Suppression d'enregistrement(s). 


DELETE FROM table 






WHERE critere(s) de selection 


REPLACE 


Remplacementd'enregistrement(s). 


REPLACE FROM table 




(equivalent aux commandes DELETE et 


WHERE critere(s) de selection 




INSERT executees successivement) 





Commande SELECT 

Dans un groupe d'enregistrements selectionnes grace a un (ou plusieurs) critere, la commande 
SELECT permet de rechercher puis d'extraire les champs demandes d'une (ou plusieurs) table. 
Les resultats retournes peuvent etre tries ou groupes selon les options retenues afin de former 
les jeux d'enregistrements. SELECT est la commande utilisee dans tous les jeux d'enregistre- 
ments de Dreamweaver ; il est done tres important de bien maitriser toutes ses variantes si 
vous desirez concevoir des jeux d'enregistrements en mode Avance. 

Differentes clauses peuvent completer la commande SELECT afin de preciser l'operation a 
realiser. Par exemple, la clause WHERE permet de selectionner les enregistrements a extraire ; la 
clause ORDER BY permet quant a elle de trier les resultats apres leur selection. Nous vous 
proposons de detailler ces differentes clauses et de les illustrer par des exemples, afin de bien 
comprendre leur fonctionnement. 
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Conditions de test pour la commande SELECT 

Pour bien comprendre les specificites de chacune des clauses, nous vous suggerons de realiser 
vous-meme les exemples qui illustrent chaque requete. Pour cela, il vous suffit d'ouvrir une 
nouvelle page PHP et, depuis le panneau Li ai sons, de creer un nouveau jeu d'enregistrements 
en mode Avance, saisir le code de la requete dans la zone SQL, et cliquer sur le bouton Tester 
pour verifier son fonctionnement. Vous pouvez ainsi tester la syntaxe de la requete et 
l'adapter en modifiant ses parametres selon vos besoins. D'autre part, afin de partir d'une base 
commune et de pouvoir interpreter correctement les resultats des exemples que nous vous 
presentons dans ce chapitre, nous vous indiquons, dans les figures 4-1 a 4-3, les enregistre- 
ments des differentes tables qui ont servi a nos essais. 
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Tableau 4-3 - Syntaxe de la commande SELECT et exemples d'utilisation 



Fonction 

Syntaxe 
detaillee 



Legende 



Exemples 



Selection d'enregistrements 

SELECT [DISTINCT | DISTINCTROW] 
[table.]champ, ... | * 
[FROM table, ...] 

[WHERE expression_de_selection] 
[GROUP BY [table.]champ, ...] 
[HAVING expression_de_selection] 
[ORDER BY champ [ASC | DESC] ] 
[LIMIT [debut,] nbjignes] 

[xxx] : le code xxx est facultatif 

(attention : les crochets [ et ] ne doivent surtout pas etre saisis dans le code). 

xxx | yyy : le signe « | » separe des groupes de code alternatifs 

( il faut done choisir de saisir soit xxx, soit yyy). 

xxx ... : la suite du code peut etre completee par des groupes de code de meme structure que xxx. 

exemple 1 : 

SELECT * FROM commerciaux 

exemple 2 : 

SELECT nom FROM commerciaux WHERE nom='Def ranee' 

exemple 3 : 

SELECT commerciaux.nom, agences.ville 

FROM agences, commerciaux 

WHERE commerciaux. agenceslD=agences.lD 



Base de donnees a importer 

Dans le repertoire SITEscore du kit de ressources dedie a cet ouvrage, vous trouverez une exportation de 
la base de donnees score_db dont la structure et le contenu correspondent exactement a ceux de la 
base que nous avons utilisee pour realiser les demonstrations de ce chapitre. Cette exportation se nomme 
score_db_CHAP04 . sql , et il suffit de I'importer dans votre base pour qu'elle remplace votre structure 
actuelle (revoir si besoin est la procedure d'importation presentee au chapitre 2). 



Commande SELECT simple 

Dans sa forme la plus simple, la commande SELECT peut etre employee sans la clause WHERE. 
Dans ce cas, en l'absence d'expression de selection, tous les enregistrements de la table sont 
retournes. Pour preciser d'inclure uniquement certaines colonnes dans le resultat, il faut les 
enumerer apres la commande SELECT. S'il y a plus d'une colonne a renvoyer, il faut separer les 
differents noms des colonnes par une virgule (voir figure 4-4). Enfin, si des champs de meme 
nom, issus de tables differentes, peuvent etre ambigus, il est indispensable de les faire 
preceder du nom de la table a laquelle ils appartiennent, afin de lever l'ambigui'te. Ce rappel 
du nom de la table est souvent utilise dans les requetes creees par l'assistant Dreamweaver, 
meme si le cas traite ne l'exige pas. Enfin, il est possible de remplacer l'enumeration des 
colonnes desirees par le caractere « * » : toutes les colonnes de la table sont alors retournees 
dans le resultat de la requete. 
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Figure 4-1 

Affichage des enregistrements de la table agences utilises dans nos exemples. 



c 
O 



***» tdtoon £FfchicR ■api* (Jlfa J **«H 'ti W^tftaiiWtJpipwdmV 


v J,. 


Qw+etftitf- - (^ LSI LS v*J y '■***•** 'fetma* ^m**» ,g) 


pftpl%iUa*i 


gj St iv* m; facalhofl * £k Dm da denneai: ic»r»_<tfc t 1 D TibC_Eemnnf«lan»J 


* 


["TAriirheiJ flf SlnmHii * JUSOL , fl«h*«chi-r IKtMtni Itif » pattn i EBlnijiDttai ;X Opai atiarw PlVld« X Snu-ptinm 


Mfithigj* dtt *nrigisli*rruinl-,g . 5 (& 101*1, lritfnrm.ni 00010 *tC) 


S? C 

Bares <te donnas ■=. 






SH.KT" 

FFlt*l f zirnmt.'ciiiiji 

1MB a. 3d 




■ agences 

■ oirnfiwrciaux 

■ mantes 


[ Modrlin* ] | Eiplidjui. SOL || Ci*r l*mC# PHP ] [ AttLilliiti | 






| AflfcHH | [30 BflwjrtlfBfiieiiUs! it pirtu de rewegiilieinern n' fl 




flrirnodv hdnionlll v H rffitiH toi in-IKft * Cfttfltfi UrtuD* a* |lOtl 






Trin iui ['mdni j'jrun* ■* \ E^KUtS' | 






* ~T * '1 ,,,n,m pttirnm email a g » neeilD 






\~ S* ¥■ 1 B*rtkfl LJuienCn li Mil uflg|*yrn lies tnrn. 2 






D jf X ? Lalnllr Jein ill* tl1e@»]ntiBBs tonn J 






□ j^ X 3 Ch»B*ne1 luc irh^sinnetgisirollea com 3 






□ ^ X ^ thipond Miunce mdu(i0fld©B]nicfca com 3 






□ / >J 10 Ddnncn J*ln Mwii ^l«frjnc*e>n>rrolln-i cam 1 






y X 5 Fmnde H»ng mfcnndi»@Hy(ij»w.coin 2 






^ Ttwn MChar HoijI dtrCOthnr Ptwf it a&leetrOfr jt X B 




| p^Bchlt ' | [30 MifBfl>tir«mefil[4] 1 p-irtu de renrnqntieimPH n" JQ 


4 > 


inmodt r>nn£Hilil v h lepttn hi in EiEii 1 chiqui grni«]» dr | TOO 




J« ln«rer wi noui* e*itrRrt1'!m*nt '^ Veruon imp<imible '^ Vtmon mipnnujjle (iwc lerte* comp*mh H Eapodei 


II 


»J[M>*ft*el«^ 



Figure 4-2 

Affichage des enregistrements de la table commerciaux utilises dans nos exemples. 
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Figure 4-3 

Affichage des enregistrements de la table ventes utilises dans nos exemples. 

Voici quelques exemples : 

• pour obtenir tous les champs de tous les commerciaux : 

SELECT * FROM commerciaux 

• pour obtenir les noms et prenoms de tous les commerciaux 
SELECT nom. prenom FROM commerciaux 



• pour obtenir tous les identifiants des commerciaux et des agences sans selection 
particuliere : 

SELECT commerciaux. ID, agences. ID FROM commerciaux, agences 

Commande SELECT avec des alias 

II est souvent pratique de definir des noms d' alias differents des noms des champs de la base. 
On peut ainsi les reutiliser pour definir des expressions de selection ou encore lorsqu'on 
emploie des fonctions, comme nous allons le voir ci-apres. Pour definir un nom de champ 
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Figure 4-4 

Test realise avec unjeu d'enregistrements : requete simple. 



alias, il suffit de faire suivre l'expression qu'il represente par rinstruction AS et par le nom de 
1' alias desire (voir figure 4-5). 

Par exemple, voici la commande a saisir pour obtenir tous les identifiants des commerciaux 
sous Farias idl, ainsi que leur nom : 

SELECT commerciaux. ID AS idl, nom FROM commerciaux 
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Figure 4-5 

Test realise avec unjeu d'enregistrements : requete avec alias. 

Commande SELECT avec des fonctions MySQL 

De nombreuses fonctions MySQL peuvent etre utilisees dans les requetes. Elles viennent se 
substituer au nom d'un champ juste apres la commande SELECT. Ces fonctions permettent, 
entre autres, de realiser des calculs mathematiques ou des concatenations. Elles servent aussi 
a preparer une date (enregistree dans la base au format MySQL : AAAA-MM- JJ), afin qu'elle soit 
retournee et affichee au format francais (JJ-MM-AAAA). Vous trouverez ci-apres une liste non 
exhaustive des fonctions MySQL disponibles. 
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Tableau 4-4 - Liste non exhaustive des principales fonctions MySQL 



Fonction 


Description 


ABS(nbrl) 


Renvoie la valeur absolue du nombre nbrl . 


ASCII(carl) 


Renvoie le code ASCII du caractere carl. 


AVG(chl) 


Renvoie la moyenne arithmetique des valeurs du champ ch1 . 


CONCAT(elem1,[elem2, ...]) 


Renvoie la concatenation de tous les elements, un element pouvant etre un 
champ, un nombre ou un caractere ; dans le cas d'un caractere, il convient de 
I'encadrer entre simples cotes. 


COUNT(chl) 


Renvoie le nombre d'enregistrements non nuls du champ ch1 . Notez que si on 
utilise COUNTf), on obtient le nombre total d'enregistrements de la table, quel 
que soit le champ. 


CURDATE() 


Renvoie la date courante au format AAAA-MM-JJ. 


CURTIME() 


Renvoie I'heure courante au format HH:MM:SS. 


ENCRYPT(chaTne[,cle]) 


Renvoie la chaine cryptee, avec la cle si elle est precisee. 


HEX(nbrl) 


Renvoie la valeur hexadecimale du nombre nbrl . 


IFNULL(elem1,elem2) 


Renvoie eleml s'il est NULL ; sinon renvoie elem2. 


LAST_INSERT_ID() 


Renvoie la derniere valeur creee pour un champ auto-incremente. 


MAX(chl) 


Renvoie la plus grande des valeurs du champ ch1 . 


MIN(oh1) 


Renvoie la plus petite des valeurs du champ ch1 . 


NOW() 


Renvoie la date et I'heure courantes. 


PASSWORD(chaTne) 


Renvoie la valeur cryptee de « chaine » avec la fonction utilisee pour les mots de 
passe de MySQL. 


REVERSE(chaine) 


Renvoie I'expression miroir de la chaine. 


SIGN(eleml) 


Renvoie le signe de eleml . 


SUM(chl) 


Renvoie la somme des valeurs du champ ch1 . 


TRIM(chaine) 


Renvoie la valeur de « chaine » apres avoir elimine les espaces places au debut 
et a la fin. 


USER() 


Renvoie le nom de I'utilisateur courant. 


VERSIONQ 


Renvoie la version de MySQL. 



Lorsqu'on utilise des fonctions MySQL, il est tres pratique de definir un nom de champ alias 
pour exploiter simplement le resultat de la fonction a partir du jeu d'enregistrements. 

Dans l'exemple qui suit, on desire obtenir les resultats des ventes avec le texte « Euros » colle 
a la fin du montant. Pour manipuler plus facilement les donnees ainsi creees, on definit un 
alias nomme resultateuro pour representer ce nouveau champ dans le jeu d'enregistrements 
(voir figure 4-6) : 
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SELECT mois, concattresul tat , ' Euros') AS resultateuro FROM ventes 
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Figure 4-6 

Test realise avec unjeu d'enregistrements : requite avec lafonction CONCATf). 

Commande SELECT avec la clause DISTINCT 

Si, dans les resultats selectionnes, deux enregistrements sont identiques, la clause DISTINCT 
permet de ne retourner dans le jeu d'enregistrements qu'un seul des deux enregistrements. 

Dans les exemples ci-dessous, nous posons l'hypothese que deux enregistrements identiques 
(Bertaut Laurence) ont ete crees dans la table commerciaux. 

Si on n'utilise pas la clause DISTINCT, voici ce qu'on obtient : 

SELECT nom, prenom FROM commerciaux 





Tableau 4-5 - 


- Jeu d'enregistrements obtenu sans la clause DISTINCT 




nom 


prenom 


Bertaut 




Laurence 


Lassalle 




Jean 


Bertaut 




Laurence 



Avec la clause DISTINCT, le resultat devient le suivant : 
SELECT DISTINCT nom, prenom FROM commerciaux 
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Tableau 4-6 - 


- Jeu d'enregistrements obtenu avec la clause DISTINCT 




nom 


prenom 


Bertaut 




Laurence 


Lassalle 




Jean 
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Commande SELECT avec la clause WHERE 

La clause WHERE permet d'introduire l'expression de selection a laquelle doit repondre le 
resultat retourne. Plusieurs types d'operateurs peuvent etre utilises pour definir l'expression 
de selection. Nous vous proposons d'etudier ci-apres quelques-unes de ces expressions selon 
le type d'operateur choisi. 

Expressions de selection avec des operateurs de comparaison 

On utilise des operateurs de comparaison pour definir la condition mathematique a verifier 
pour que l'enregistrement soit selectionne. Vous pouvez faire la comparaison entre deux 
champs de la base (cas des jointures), entre un champ et un nombre, ou entre un champ et une 
chaine de caracteres (dans ce cas, la chaine de caracteres doit etre encadree par des cotes 
simples « ' »). 

Tableau 4-7 - Liste des operateurs de comparaison qui peuvent etre utilises dans une 

requete SQL 





Operateur 


Fonction 


= 




egal 


> 




superieur 


>= 




superieur ou egal 


< 




inferieur 


<= 




inferieur ou egal 


<> 




different 



Dans l'exemple qui suit, nous desirons obtenir une selection des resultats superieurs a 40 000, 
ainsi que l'identifiant des commerciaux et le mois correspondants : 

SELECT commerciauxID, mois, resultat FROM ventes WHERE resultat>40000 
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Figure 4-7 

Test realise avec unjeu d'enregistrements : requete avec la clause WHERE resultat>40000. 
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Dans ce deuxieme exemple, nous desirons obtenir l'enregistrement du commercial dont le 
nom est egal a Bertaut : 

SELECT * FROM commerciaux WHERE nom='Bertauf 
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Figure 4-8 

Test realise avec unjeu d'enregistrements : requete avec la clause WHERE nom= 'Bertaut'. 

Dans ce troisieme exemple, nous desirons obtenir le nom du commercial dont l'identifiant est 
egal a 2, ainsi que la ville de son agence. Dans ce cas, les informations etant placees dans deux 
tables differentes, il est necessaire de faire une jointure entre les deux tables pour recuperer les 
informations correspondantes (commerciaux. agencesID=agences. ID) : 

SELECT commerciaux. nom, agences.vil 1 e FROM commerciaux, agences 
WHERE commerciaux. agencesID=agences . ID AND commerciaux. ID=2 
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Figure 4-9 

Test realise avec unjeu d'enregistrements : requete avec la clause WHERE commerciaux.agenceslD=agences.lD 
AND commerciaux.lD=2. 
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Expressions de selection avec des operateurs logiques 

Lorsque les criteres de selection sont multiples, l'expression de selection finale doit etre 
composee des differentes expressions de selection, reliees entre elles par des operateurs logi- 
ques. Plusieurs operateurs logiques peuvent etre utilises selon le lien desire entre les expres- 
sions. Vous trouverez ci-apres la liste des operateurs logiques utilisables dans une requete 
MySQL. 

Tableau 4-8 - Liste des operateurs logiques qui peuvent etre utilises dans une requete SQL 



Operateur Fonction 

AND Les expressions reliees entre elles par AND doivent toutes etre verifiees (VRAI ou TRUE). 

OR Au moins I'une des expressions reliees entre elles par OR doit etre verifiee (VRAIE ou TRUE). 

L'expression precedee par NOT ne doit pas etre verifiee. 



NOT 



Si vous manipulez plusieurs operateurs logiques, il taut utiliser des parentheses pour definir la structure de 
l'expression. 



Dans l'exemple suivant, nous desirons obtenir les resultats de Janvier 2003 (valeur du champ 
mois egale a 1, et celle du champ annee egale a 2003) et l'identifiant des commerciaux 
correspondants : 

SELECT commerciauxID, resultat FROM ventes WHERE mois-1 AND annee-2003 
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Figure 4-10 

Test realise avec unjeu d'enregistrements : requete avec la clause WHERE mois=l AND annee=2003. 



Dans ce deuxieme exemple, nous desirons obtenir les resultats de Janvier ou fevrier 2003 
(valeur du champ mois egale a 1 ou a 2 et celle du champ annee egale a 2003), le mois et 
l'identifiant des commerciaux correspondants : 
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SELECT commerciauxID, mois, resultat FROM ventes WHERE (mois=l OR mois=2) AND 
annee=2003 
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Figure 4-11 

Jetf realise avec unjeu d'enregistrements : requete avec la clause WHERE (mois=l OR mois=2) AND 
annee=2003. 



Dans ce troisieme exemple, nous desirons obtenir les resultats de tous les mois sauf Janvier et 
fevrier (valeur du champ mois differente de 1 ou 2), le mois et l'identifiant des commerciaux 
correspondants : 

SELECT commerciauxID, mois, resultat FROM ventes WHERE NOT (mois=l OR mois=2) 
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Figure 4-12 

Test realise avec unjeu d'enregistrements : requete avec la clause WHERE NOT (mois =1 OR mois=2). 

Expressions de selection avec des operateurs de recherche 

On utilise des operateurs de recherche pour definir une condition specifique (qui n'est ni 
logique, ni de comparaison) a verifier pour que l'enregistrement soit selectionne. II existe 
plusieurs types d' operateurs de recherche selon la condition desiree. Vous trouverez ci-apres 
le tableau des operateurs de recherche les plus frequents. 
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Dans 1' exemple suivant, nous desirons obtenir les resultats compris entre 30 000 et 50 000, le 
mois et l'identifiant des commerciaux correspondants : 
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Tableau 4-9 - Liste des operateurs de recherche qui peuvent etre utilises dans une requete 

SQL 



Operateur 

LIKE 

BETWEEN 

IN 

IS NULL 

IS NOT NULL 



Fonction 

Permet de selectionner un champ dont la valeur commence par, f init par ou contient une chaine 
de caracteres (% et _ accompagnent souvent LIKE pour definir les caracteres de substitution 
dans la chaine). 



Permet de selectionner un champ dont la valeur est comprise dans une plage de valeurs. 
Permet de selectionner un champ dont la valeur appartient a une liste de valeurs. 
Permet de selectionner un champ dont la valeur est NULL. 
Permet de selectionner un champ dont la valeur n'est pas NULL. 



Tableau 4-10 - Caracteres de substitution qui peuvent etre utilises dans une requete SQL 



Caractere 

. (caractere de soulignement) 



% 



Utilisation 

Remplace un caractere quelconque. 

Remplace aucun caractere quelconque ou plusieurs. 



SELECT commerciauxID, mois, resultat FROM ventes WHERE resultat BETWEEN 30000 AND 
50000 
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Figure 4-13 

Test realise avec unjeu d'enregistrements : requete avec la clause WHERE resultat BETWEEN 30000 AND 
50000. 



Dans ce deuxieme exemple, nous desirons obtenir tous les enregistrements de commerciaux 
dont le nom commence par un B : 
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SELECT * FROM commerciaux WHERE nom LIKE "B%' 
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Figure 4-14 

Test realise avec unjeu d'enregistrements : requite avec la clause WHERE nom LIKE 'B% '. 

Dans ce troisieme exemple, nous desirons obtenir les villes des agences du sud et de l'ouest : 
SELECT ID, ville FROM agences WHERE secteur IN ( 'ouest' , "sud" ) 
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Figure 4-15 

Test realise avec unjeu d'enregistrements : requite avec la clause WHERE secteur IN ('ouest',' sud'). 



Commande SELECT avec la clause GROUP BY 

Les informations recuperees dans les jeux d'enregistrements ne sont pas toujours bien ordon- 
nees. Nous avons deja vu, dans le chapitre precedent, qu'il etait possible de les trier selon un 
champ specifique, par ordre croissant ou decroissant (nous allons d'ailleurs commenter le 
code de cette fonction de tri plus loin, lorsque nous allons aborder la clause ORDER BY). Toute- 
fois, il peut etre utile de regrouper certains enregistrements selon un champ specifique. Dans 
ce cas, il faut utiliser la clause d'agregation GROUP BY. 

Dans 1' exemple qui suit, nous desirons obtenir tous les identifiants des commerciaux avec le 
resultat maximal qu'ils ont realise, quels que soient le mois et l'annee : 
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SELECT commerciauxID, MAXCresul tat) 

FROM ventes 

GROUP BY commerciauxID 
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Figure 4-16 

7e.sf realise avec unjeu d'enregistrements : requite avec lafonction MAX(resultat) et la clause GROUP BY 
commerciauxID. 

Dans ce deuxieme exemple, nous desirons obtenir tous les identifiants des commerciaux avec 
le nombre d'enregistrements qu'ils ont deja effectues depuis le debut : 

SELECT commerciauxID, C0UNT(*) 

FROM ventes 

GROUP BY commerciauxID 




Figure 4-17 

Test realise avec unjeu d'enregistrements : requite avec lafonction COUNT(*) et la clause GROUP BY 
commerciauxID. 
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Commande SELECT avec la clause HAVING 

La clause GROUP BY appliquee dans l'exemple ci-dessus regroupe les enregistrements par iden- 
tifiant. Cependant, si vous desirez conserver uniquement certains groupes apres l'agregation, 
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il faut ajouter la clause HAVING en complement de GROUP BY. La requete ainsi creee est l'equi- 
valent d'une requete classique avec une clause WHERE. En effet, la clause WHERE ne peut pas etre 
employee avec la clause GROUP BY. Les expressions dont nous nous servons en complement de 
la clause HAVING sont done des expressions de selection identiques a celles que nous utilisons 
pour la clause WHERE. 

Dans l'exemple suivant, nous desirons obtenir un tri des commerciaux (les identifiants des 
commerciaux compris entre 1 et 2 uniquement), avec la somme des resultats qu'ils ont 
realises, quels que soient le mois et l'annee. 

SELECT commerciauxID, SUM(resul tat) AS somme 

FROM ventes 

GROUP BY commerciauxID HAVING commerci auxID<=2 AND commerciauxID>=l 




Figure 4-18 

Test realise avec unjeu d'enregistrements : requete avec la clause GROUP BY commerciauxID HAVING 
commerciauxID <=2 AND commerciauxID>=l. 

Dans ce deuxieme exemple, nous desirons obtenir une selection des commerciaux qui ont deja 
enregistre plus d'un resultat, et afficher le nombre exact d'enregistrements qu'ils ont effectues 
(nbEnregistrement) : 

SELECT commerciauxID, COUNT(ID) AS nbEnregistrement 
FROM ventes GROUP BY commerciauxID HAVING C0UNT(ID)>1 



o. 

c 
O 



Commande SELECT avec la clause ORDER BY 

Dans les differents exemples que nous vous avons proposes jusqu'a present, les enregistre- 
ments etaient retournes dans l'ordre de la saisie initiale (en general, celui de la cle primaire ID 
auto-incrementee). Cependant, si vous souhaitez presenter les enregistrements dans un ordre 
different, vous devez utiliser la clause ORDER BY : precisez un (ou plusieurs) champ par rapport 
auquel le tri s'effectue, en indiquant dans quel sens cela doit se faire. Avec ASC, vous triez par 
ordre croissant, alors qu'avec DESC, l'ordre est decroissant ; par defaut, l'ordre est croissant. 
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Dans l'exemple suivant, nous desirons obtenir un tri des enregistrements selon l'ordre alpha- 
betique du nom : 

SELECT nom, prenom, agencesID FROM commerciaux WHERE agencesID<4 ORDER BY nom 
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Figure 4-19 

7e.s? realise avec unjeu d' enregistrements : requete avec la clause ORDER BY nom. 

Dans ce deuxieme exemple, nous desirons obtenir un tri des enregistrements selon l'ordre 
croissant de l'identifiant de l'agence agencesID, puis selon l'ordre alphabetique du champ nom. 

SELECT nom, prenom, agencesID FROM commerciaux WHERE agencesID<4 ORDER BY 
agencesID, nom 
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Figure 4-20 

Tfctf realise avec unjeu a" enregistrements : requete avec la clause ORDER BY agencesID, nom. 

Commande SELECT avec la clause LIMIT 

La clause LIMIT indique le nombre maximal d' enregistrements dans le resultat retourne. Cette 
clause est toujours placee a la fin de la requete. Si vous faites suivre cette clause d'un seul 
chiffre, la limite s' applique a partir de la premiere ligne ; si vous indiquez deux chiffres 
separes par une virgule, le premier indique le numero de ligne a partir duquel la limite 
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precisee par le deuxieme chiffre s'applique. Enfin, il faut noter que cette clause est specifique 
a MySQL et ne fait pas partie du standard SQL. 

Dans l'exemple ci-dessous, nous desirons obtenir une selection des commerciaux identique a 
celle de l'exercice precedent, mais limitee aux trois premiers enregistrements : 

SELECT nom, prenom, agencesID 

FROM commerciaux 

WHERE agencesID<4 ORDER BY nom LIMIT 3 
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Figure 4-21 

Test realise avec unjeu d 'enregistrements : requete avec la clause LIMIT 3. 

Dans ce deuxieme exemple, nous desirons obtenir une selection des commerciaux identique a 
celle de l'exercice precedent, mais limitee aux trois premiers enregistrements situes apres la 
deuxieme ligne des resultats de la selection initiale : 

SELECT nom, prenom, agencesID 
FROM commerciaux 
WHERE agencesID<4 
ORDER BY nom LIMIT 2,3 



o- 

c 
O 



mtamnrn 




Nom: JrsE remote 



J ConrpewonScore 



~3 Qtin... | 



SELECT nom. prenom. agencesID 
RROM corrfYMCJaua 
u/HERE ogenc<nlD<4 
ORDERED nom 
UMIT 2,3 



jJ^J 



| VflleuT pa defaJ | Vateu Jerfcgtion 




j pancm I agencetIP 



1 frdrance Jean Mate 1 

2 upend Mauic* 2 

3 Fortd* Maio 2 



Figure 4-22 

Test realise avec unjeu a" enregistrements : requete avec la clause LIMIT 2,3. 
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Commande SELECT avec jointure 

La jointure permet de creer des requetes portant sur des donnees reparties dans plusieurs 
tables. Pour realiser une jointure, on utilise la meme syntaxe que pour une requete tradition- 
nelle, mais en indiquant dans la clause FROM la liste des tables concernees, separees par des 
virgules. On ajoute aussi, dans la clause WHERE, l'expression de selection qui permet le rappro- 
chement entre les tables. En general, cette expression s'exprime par une egalite entre la cle 
primaire d'une table et la cle etrangere d'une autre (par exemple entre ID de la table commer- 
ciaux et commerciauxID de la table ventes). II convient de mentionner le nom de la table en 
prefixe des noms de champs pour eviter toute ambigui'te, notamment entre deux champs 
portant le meme nom, mais integres dans des tables differentes (exemple : commerciaux.nom). 
De meme, afin d'eviter de rappeler completement le nom de chaque table en prefixe des noms 
de champs, il est interessant de creer un alias pour chaque nom de table (exemple : dans la 
clause FROM, si on declare commerciaux AS c, on peututiliserl' appellation c. nom dans la clause 
WHERE). 

Dans l'exemple ci-dessous, nous desirons obtenir les resultats des commerciaux (issus de la 
table ventes), mais aussi les noms des commerciaux correspondants (issus de la table 
commerciaux) : 

SELECT commerciaux.nom, ventes . resul tat , ventes. mois FROM commerciaux, ventes 

WHERE 

commerciaux. ID=ventes .commerciauxID ORDER BY ventes. resultat DESC 
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Figure 4-23 

Test realise avec imjeu d'enregistrements : requete avec jointure sur deux tables. 



Dans ce deuxieme exemple, nous desirons obtenir la meme selection que dans l'exemple 
precedent, mais en utilisant des alias pour les deux tables concernees : 
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SELECT c.nom, v. resultat, v. mois FROM commerciaux AS c, ventes AS v WHERE 
c.ID=v. commerciauxID ORDER BY v. resultat DESC 
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Figure 4-24 

Test realise avec unjeu d'enregistrements : requete avec jointure et alias de tables. 

Dans ce troisieme exemple, nous desirons obtenir le meme jeu que dans l'exemple precedent 
avec, en plus, le nom de la ville de l'agence de chaque commercial. 

SELECT c.nom, v.resultat, v.mois, a. ville 

FROM commerciaux AS c, ventes AS v, igences 

AS a 

WHERE c.ID=v.commerciaiixID AND a. ID=c.agencesID ORDER BY v.resultat DESC 
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Figure 4-25 

Test realise avec unjeu d'enregistrements : requete avec jointure sur trois tables et alias. 



Commande INSERT 

La commande INSERT permet d'inserer de nouveaux enregistrements dans la base, et elle peut 
etre utilisee selon plusieurs variantes. Pour ajouter des valeurs dans une table, a partir de 
variables ou de constantes recuperees par un script, par exemple, il existe deux methodes 
differentes que nous detaillerons ci-apres (INTO VALUES et INTO SET). Nous verrons aussi 
comment il est possible d'utiliser la commande INSERT pour ajouter des enregistrements a 



o- 
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partir d'une requete (INTO SELECT). Cette derniere methode est tres interessante pour realiser 
une copie d'enregistrements d'une table a une autre. 

Dans le cas d' insertion directe a partir de valeurs, les textes doivent etre encadres entre guille- 
mets simples, alors que les nombres peuvent s'en passer (exemple : 'bonjour' ou 2003). A 
noter qu'il est egalement possible d'indiquer des expressions dans une requete (des variables 
par exemple : '$var'). Dans ce cas, elles sont evaluees avant d'etre integrees dans la base. 

Tableau 4-11 - Syntaxe de la commande INSERT et exemples d'utilisation 



Fonction 


Insertion d'enregistrements 


Syntaxe de la commande 


INSERT INTO 


d'insertion 


table 


a partir de valeurs 


[ (champl, champ2, ..., champN) ] 


(premiere methode). 


VALUES 




(valeurl, valeur2, ..., valeurN) 


Syntaxe de la commande 


INSERT INTO 


d'insertion 


table 


a partir de valeurs 


SET 


(deuxieme methode). 


champl =valeur1, champ2=valeur2, ..., champN=valeurN 


Syntaxe de la commande 


INSERT INTO 


d'insertion a partir d'une 


table_cible 


autre table. 


SELECT 




* | valeurl, valeur2, ..., valeurN 




FROM table_source 




[WHERE expression_de_selection] 


Legende 


table : table dans laquelle sont inserees les donnees. 




champN : nom du champ de la table dans lequel est inseree la valeurN. 




valeurN : la valeur doit respecter le format standard de son type (exemple : 'bonjour' ou 




4562 ou '2003-03-24'). Notez que si la requete est integree dans un script PHP, la valeur 




peut etre remplacee par une variable qui est evaluee au moment de I'insertion (exemple 




: '$var'). 




xxx | yyy : le code | separe des groupes alternatifs. 




II taut done choisir de saisir soit xxx, soit yyy. 




table_source : dans le cas d'un transfert d'une table source vers une table cible, le 




symbole * peut etre utilise, mais il faut veiller a ce que le nombre de champs des deux 




tables soit le meme. 


Exemples 


exemple 1 : 




INSERT INTO agences VALUES(5,'Strasbourg','est') 




exemple 2 : 




INSERT INTO agences (ID.ville.secteur) VALUES(5,'Strasbourg','est') 




exemple 3 : 




INSERT INTO agences 




SET ID=5, ville='Strasbourg', secteur='est' 




exemple 4 : attention, uniquement si la requete est integree dans un script PHP. 




INSERT INTO agences 




SET ID='$var1', ville='$var2', secteur='$var3' 




exemple 5 : transfert d'une table 




INSERT INTO agences SELECT * FROM agencesBIS 
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Commande INSERT a partir de valeurs : methode 1 

Dans sa premiere syntaxe, la commande INSERT permet d'enumerer partiellement les champs 
a inserer dans la base (voir l'exemple de la figure 4-28). Cela peut etre interessant dans le cas 
d'un premier enregistrement partiel, mais il faut alors s'assurer que les champs omis sont bien 
parametres pour etre facultatifs (attribut NULL=nul 1 ) ou auto-incrementes. Dans le cas ou 
remuneration des champs n'est pas indiquee, il faut verifier que l'ordre des valeurs respecte 
celui des champs de la table (voir l'exemple de la figure 4-26). Sachez cependant que, meme 
si l'enumeration est facultative, il est fortement conseille de toujours specifier la liste des 
champs dans lesquels les valeurs doivent s'inserer. En effet, si la structure de la table change, 
votre requete risque de ne plus fonctionner. 

Dans l'exemple ci-dessous, nous desirons ajouter une agence supplementaire a la table 
agences. Dans la syntaxe employee, nous n'indiquons pas les differents champs de la table 
dans lesquels les valeurs vont etre enregistrees. II faut done imperativement que l'ordre des 
valeurs et leur nombre correspondent a ceux de la table agences. Le premier champ ID etant la 
cle primaire (qui est auto-incrementee), il faut dans ce cas mettre l'indication NULL en guise de 
valeur, pour ne pas entrer en conflit avec celle que MySQL lui attribue automatiquement. 

INSERT INTO agences VALUES (NULL, 'Strasbourg' , 'est' ) 
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Figure 4-26 

Poiir tester des commandes d'insertion, vous pouvez utiliser le gestionnaire phpMyAdmin de Wamp 5. II suffit 
pour cela de cliquer sur I 'onglet SQL, de saisir la requete dans la zone « Executer une requete » du gestionnaire, 
et de cliquer ensuite sur le bouton Executer. 
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Une autre maniere d'effectuer le meme ajout d'une nouvelle agence est d'utiliser la syntaxe 
complete de la commande INSERT. Dans ce cas, nous mentionnerons uniquement les deux 
champs qui recoivent une valeur (vi 1 1 e et secteur). La cle I D n'etant pas mentionnee ni dans 
les champs ni dans les valeurs, MySQL lui attribue une valeur par auto-incrementation du 
dernier ID saisi. 
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Figure 4-27 

Apms !m^ insertion, vous pouvez verifier son bon fonctionnement en affichant le contenu de la table concernee 
(ici il s 'agit de la table agences). Nous pouvons remarquer sur cette figure que la nouvelle agence a bien ete 
ajoutee a la suite des autres enregistrements. 



INSERT INTO agences (ville, secteur) VALUES ( 'Strasbourg' , 'est' ) 
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Figure 4-28 

Cette deuxieme requite d'insertion est equivalente a celle de la figure 4-26, et le resultat obtenu est identique a 
celui de la figure 4-27. 
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Commande INSERT a partir de valeurs : methode 2 

Dans la deuxieme syntaxe de INSERT, les couples champ/valeur doivent etre specifies et 
separes par un signe egal (champl='valeurl'). La clause utilisee n'est plus VALUES, mais SET. 

Dans l'exemple qui suit, nous allons realiser la meme operation d'insertion d'une nouvelle 
agence que dans les deux exemples precedents (voir figure 4-29) : 

INSERT INTO agences SET vi 11 e=' Strasbourg' , secteur='est' 
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Figure 4-29 

Cette troisieme requete d'insertion est egalement equivalente a celle de la figure 4-26, et le resultat obtenu est 
identique a celui de la figure 4-27. 
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Figure 4-30 

Avflnf tie realiser la sauvegarde d'une table a Vaide de la commande INSERT, il est necessaire de creer une 
structure de table identique a celle de la table a transferer. Pour cela, il suffit de cliquer sur le nom de la table 
agences dans la partie gauche de phpMyAdmin, puis sur I 'onglet Operations et, de saisir le nom de la nouvelle 
table dans la zone « Copier la table vers » et de cliquer sur le bouton Executer. 
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Figure 4-31 

Apres la creation de la structure de la table agencesbackup, saisissez la requite INSERT dans la zone de requete 
du gestionnaire et cliquez sur Executer. II ne vous reste plus qu 'a verifier ensuite si la copie des donnees s 'est bien 
effectuee entre les deux tables. 

Commande INSERT a partir d'une requete 

Avec ce troisieme type de syntaxe, il est possible d'inserer le resultat d'une requete dans une 
table. Dans ce cas, la clause VALUES est remplacee par la requete a ajouter. Ce type de syntaxe 
est particulierement interessant dans le cas d'une copie des donnees d'une table a l'autre (voir 
l'exemple de la figure 4-31), ou encore pour realiser la projection d'une table en prelevant 
certains de ses champs, pour creer une autre table de plus petite taille (voir l'exemple de la 
figure 4-33). 

Dans ce premier exemple, on desire transferer le contenu de la table agences dans une table de 
sauvegarde agengesbackup. II faut evidemment, dans ce cas, que le nombre et les types des 
champs soient rigoureusement identiques dans les deux tables (voir figure 4-30 pour la copie 
d'une structure de table) : 

INSERT INTO agencesbackup SELECT * FROM agences 



Dans ce deuxieme exemple, on desire faire une projection de la table agences dans une autre 
table tabledesvilles. Cette table contient uniquement les noms des differentes villes des 
agences dans un champ vi 1 le, avec une cle primaire auto-incrementee ID (voir figure 4-32 
pour la creation de la table cible) : 

INSERT INTO tabledesvilles ( vi 1 le) SELECT ville FROM agences 
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Figure 4-32 

Avant de realiser la projection, ilfaut commencer par creer la petite table tabledesvilles qui va accueillir les noms 
de toutes les villes des agences. Pour realiser la creation de cette table, saisissez le nom de la nouvelle table dans 
la zone de creation d'une table, et indiquez 2 pour le nombre de champs, puis renseignez leformulaire comme le 
montre la figure ci-dessus. 
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Figure 4-33 

Apres la creation de la structure de la table tabledesvilles, saisissez la requete INSERT dans la zone de requete du 
gestionnaire et cliquez sur Executer. II ne vous reste plus qu 'a verifier si la projection s 'est bien effectuee entre les 
deux tables. 

Commande DELETE 

La commande DELETE permet de supprimer un enregistrement d'une table. Cette operation de 
destruction est irremediable, et il est judicieux de prevoir un message d'avertissement qui 
s'affiche avant de valider definitivement la requete. II est conseille d'accompagner la 
commande DELETE de la clause WHERE (sinon, vous detruisez tous les enregistrements de la 
table) d'une expression de selection d'enregistrements a supprimer. Cette meme expression 
peut d'ailleurs etre utilisee au prealable dans une requete SELECT pour selectionner et afficher 
les enregistrements a effacer avec la requete DELETE dans l'etape suivante. 
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Voici un exemple de requete SELECT employ ant la meme expression de selection qu'il 
conviendra de realiser avant de valider la commande DELETE : 

SELECT * FROM agences WHERE ville=" Paris' 
DELETE FROM agences WHERE ville='Paris' 



Tableau 4-12 - Syntaxe de la commande DELETE et exemple d'utilisation 



Fonction Suppression d'enregistrements 

Syntaxe de la DELETE FROM 

commande de table 

suppression [WHERE expression_de_selection] 

[LIMIT [debut,] nbjignes ] 

Legende table : table oil se trouvent les enregistrements selectionnes. 

[xxx] : le code xxx est facultatif. 
Attention : les crochets [ et ] ne doivent surtout pas etre saisis dans le code. 

DELETE FROM agences WHERE ville='Strasbourg' 



Exemple 
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Figure 4-34 

La commande DELETE permet de supprimer un enregistrement selectionne par V expression qui complete la 
clause WHERE. 



Dans l'exemple ci-dessous, on desire supprimer 1' enregistrement du commercial Maurice 
Dupont : 

DELETE FROM commerciaux WHERE nom='Dupond' AND prenom='Maurice' 
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Commande UPDATE 

La commande UPDATE permet de modifier la valeur de certains champs si l'expression de 
selection est validee. L'affectation des valeurs est introduite par la clause SET, comme pour la 
commande INSERT. 

Tableau 4-13 - Syntaxe de la commande UPDATE et exemple d'utilisation 



Fonction 


Mise a jour d'enregistrements 


Syntaxe de la 


UPDATE 


commande de 


table 


modification 


SET 




chap1=valeui"l, champ2=valeur2, ..., champN=valeurN 




[WHERE expression_de_selection] 




[LIMIT [debut,] nbjignes ] 


Legende 


table : table oil se trouvent les enregistrements selectionnes. 




[xxx] : le code xxx est facultatif. 




Attention : les crochets [ et ] ne doivent surtout pas etre saisis dans le code. 


Exemple 


UPDATE agences SETville='Brest' WHERE ID=4 



Dans l'exemple ci-dessous, nous desirons mettre a jour certaines informations de la fiche du 
commercial dont l'identifiant est 2 : 

UPDATE commerciaux SET email=' jl assal 1 e@aol .com' , agencesID=3 WHERE ID=2 
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Figure 4-35 

La commande UPDATE permet de mettre a jour un enregistrement selectionne par I 'expression qui complete la 
clause WHERE. 
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Commande REPLACE 

La commande REPLACE permet de remplacer un enregistrement existant et done de modifier les 
valeurs de ses differents champs. Cependant, cette commande est differente de la commande 
UPDATE, car elle supprime d'abord 1' enregistrement selectionne pour ensuite l'inserer de 
nouveau avec les nouvelles valeurs des champs. C'est en quelque sorte une combinaison des 
commandes DELETE et INSERT. Comme pour INSERT, cette commande peut etre realisee selon 
trois variantes. Les deux premieres permettent de remplacer les champs d'un enregistrement 
selon les informations transmises par des valeurs, alors que la troisieme exploite une requete 
SQL pour fournir les nouvelles donnees. Dans ce cas, la clause WHERE permet de selectionner 
le jeu d'enregistrements a utiliser pour le remplacement des champs. 

Tableau 4-14 - Syntaxe de la commande UPDATE et exemples d'utilisation 



Fonction 


Remplacement d'enregistrements 


Syntaxe de la 


REPLACE INTO 


commande de 


table 


remplacement a 


[ (champl, champ2 champN) ] 


partir de valeurs 


VALUES 


(premiere methode). 


(valeurl, valeur2, ..., valeurN) 


Syntaxe de la 


REPLACE INTO 


commande de 


table 


remplacement a 


SET 


partir de valeurs 


chap1=valeur1, champ2=valeur2 champN=valeurN 


(deuxieme methode). 




Syntaxe de la 


REPLACE INTO 


commande de 


table_cible 


remplacement a 


SELECT 


partir d'une requete. 


* | valeurl, valeur2 valeurN 




FROM table_source 




[WHERE expression_de_selection] 


Legende 


table : table dans laquelle les donnees seront modifiees. 




champN : nom du champ de la table dans lequel sera inseree la valeurN. 




valeurN : la valeur doit respecter le format standard de son type (exemple : 'bonjour' ou 




4562 ou '2003-03-24'). Notez que si la requete est integree dans un script PHP, la valeur 




peut etre remplacee par une variable qui sera alors evaluee au moment de Nnsertion 




(exemple : 'Svar'). 




xxx | yyy : le code | separe des groupes alternatifs 




(il faudra done choisir de saisir soit xxxou yyy). 




table_source : dans le cas d'un jeu d'enregistrements issu d'une table source pour mettre a 




jour les champs d'une table cible, le symbole * peut etre utilise, mais il taut veiller a ce que 




le nombre de champs soit le meme dans les deux tables. 


Exemples 


exemple 1 : 




REPLACE INTO agences VALUES(4,'Brest','ouest') 




exemple 2 : 




REPLACE INTO agences (ID,ville,secteur) VALUES(4,'Brest','ouest') 
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Les nombreux comportements de Dreamweaver que nous avons utilises jusqu'a present nous 
ont evite de programmer des scripts PHP directement en ligne de code. Cependant, si les 
pages dynamiques que nous avons realisees correspondent aux ecrans les plus souvent 
utilises, il est parfois necessaire de personnaliser les scripts ou encore de les creer complete- 
ment de A a Z, en saisissant directement les instructions PHP dans un editeur de code. Ce 
chapitre sera dedie a la creation de scripts PHP a l'aide des editeurs de code de Dreamweaver. 
Nous commencerons par un tour d'horizon des nombreux outils d'edition de code que Dream- 
weaver met a votre disposition. Nous presenterons ensuite la syntaxe des instructions PHP 
avec des exemples d'utilisation que nous vous conseillons vivement de tester sur votre serveur 
Web local ou sur votre serveur distant. Nous detaillerons aussi les nombreuses fonctions, les 
structures de programme et les concepts de la programmation objet, qui vous permettront de 
developper des scripts fiables et faciles a maintenir. Une fois acquises les connaissances du 
langage, nous prodiguerons differents conseils pour bien programmer et nous vous suggere- 
rons des techniques pour mettre au point vos programmes. Nous terminerons ce chapitre en 
appliquant ces connaissances a la realisation de scripts PHP destines a ameliorer les fonction- 
nalites du site SCORE. 

Outils et editeurs proposes par Dreamweaver 

Dreamweaver dispose de nombreux moyens pour intervenir directement dans le code des 
pages Web. Certains sont bien adaptes a la gestion des balises HTML ou a l'insertion de 
balises PHP isolees. D'autres vous permettent d'enregistrer des fragments de code PHP afin 
d'eviter de les reecrire a chaque utilisation ; ainsi, vous capitalisez vos developpements. Meme 
si plusieurs d'entre eux vous paraissent redondants, il est interessant de tous les etudier afin de 
connaitre leurs avantages et de pouvoir choisir l'outil adapte au contexte de votre intervention. 
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Outils de gestion de code 

Editeur de code rapide 

L'editeur de code rapide, appele aussi Quick tag editor, permet d'inserer rapidement du code 
depuis la fenetre Document en mode Creation. Pour afficher la fenetre de saisie, selectionnez 
remplacement ou vous desirez inserer votre code dans la fenetre Document, puis appuyez sur 
les touches Ctrl et T. Vous pouvez aussi afficher l'editeur de code rapide depuis le panneau 
Proprietes, en cliquant sur le bouton Quick Tag Editor (a 1 ' extreme droite du panneau), apres 
avoir selectionne l'objet pour lequel vous desirez modifier le code. 



Figure 5-1 

L 'editeur de code rapide 
(Quick tag editor) 
permet d'inserer 
rapidement de nouvelles 
balises depuis la fenetre 
Document en mode 
Creation. 



rn»er du code HTM : <a hce[-"mu«ie.t!hu'' ux> 




Figure 5-2 

En mode Creation, vous 
pouvez afficher et 
modifier directement le 
code de V element en 
cliquant sur le bouton 
Quick tag editor, depuis 
le panneau Proprietes 
d'un element de la page. 
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Mode Code 

Au cours du chapitre 2, nous avons deja presente les trois modes de travail disponibles avec 
Dreamweaver (mode Creation, mode Code ou mode Mixte). Cependant, nous nous sommes 
jusqu' a present limites a travailler en mode Creati on. Nous allons maintenant nous interesser 
plus particulierement a l'utilisation du mode Code et a ses fonctions, afin d'ecrire nos propres 
scripts PHP, alors qu'auparavant nous les avons crees a l'aide des comportements de serveur. 
Pour passer en mode Code, selectionnez le menu Affichage>Code, ou cliquez sur le bouton 
Afficher le code situe a gauche de la barre d'outils Document. Toutes les modifications 
apportees dans le mode Creation se repercutent automatiquement dans le mode Code. A 
l'inverse, apres avoir effectue des modifications en mode Code, vous devez mettre a jour 
manuellement le document dans le mode Creation. II vous suffit pour cela de basculer en 
mode Code et d'appuyer sur la touche F5. 

Avant de saisir la premiere ligne de code, assurez-vous que toutes les options sont configurees 
correctement. Pour cela, cliquez sur le bouton d'options, a droite de la barre d'outils Document 
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(voir figure 5-3 ; si cette barre d'outils n'apparait pas, cliquez sur Affichage>Barre d'outils 
et cochez Document). 
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Figure 5-3 

Le mode Code de Dreamweaver vous permet de saisir directement vos scripts avec le meme confort qu 'avec un 
editeur dedie au developpement de code source. Pour vous faciliter la saisie des fonctions PHP, nous vous 
conseillons d'utiliser le raccourci clavier Ctrl + Espace. De meme, le bouton d'options de la barre d'outils 
Document vous permet d'activer differentes fonctions de lafenetre Document, tres appreciables pour une 
utilisation en mode Code. 



Options de la barre d'outils document : 

• Retour automatique a la ligne - Renvoie le code a la ligne lorsqu'il depasse la largeur 
de la fenetre de l'editeur. Cette option est a utiliser sans moderation, car elle apporte un 
confort de lecture sans inserer aucune balise de retour a la ligne dans le code. 
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• Numero de ligne : permet d' avoir la numerotation des lignes dans la fenetre Document 
en mode Code ou dans l'inspecteur de code. Cette option est fort utile lors de vos premiers 
depannages de scripts, pour reperer la ligne signalee par le message d'erreur PHP. 

• Caracteres caches : permet d'afficher ou de masquer tous les caracteres caches de la 
page (retour a la ligne, espace...). 

• Surligner le code non valide : surligne le code non valide en jaune. A ce sujet, si vous 
desirez eviter d'avoir des erreurs de ce type, il est conseille de respecter l'equilibre du 
code HTML (une balise d'ouverture doit toujours etre fermee) dans lequel vous emulerez 
des balises HTML a l'aide de scripts PHP (par exemple : echo "<TABLE>"). Cela permet 
notamment aux graphistes de toujours pouvoir afficher correctement le document en 
mode Creation, meme apres l'ajout d'un script PHP dans la page. 

• Coloration de la syntaxe : la coloration syntaxique est un outil tres utile dans la 
recherche d'une panne et dans son assistance a la saisie. Dreamweaver permet desormais 
d'utiliser la coloration syntaxique du langage PHP, et il serait regrettable de s'en priver. 
II est aussi possible de configurer chaque couleur selon le type de code represente (pour 
acceder a cet ecran, affichez la fenetre Preferences, rubrique Coloration syntaxique et 
PHP, puis cliquez sur le bouton Modifier le modele de coloration). Cependant, nous 
vous conseillons de conserver les couleurs attributes par defaut pour une bonne lisibilite 
de votre code source. 

• Retrait auto : automatise la mise en retrait des lignes des que vous appuyez sur la touche 
Entree lors de la redaction du code. 

Barre d'outils de codage 

La barre d'outils de codage est une des nouveautes de Dreamweaver 8. Elle est composee de 
boutons qui vous permettent d'effectuer de nombreuses operations de codage standard (reduc- 
tion et agrandissement des selections de code, mise en evidence de code non valide, applica- 
tion et suppression de commentaires, mise en retrait de code, insertion de fragments de code 
recemment utilises, etc.). La barre d'outils Codage est visible uniquement en mode Code et 
apparait verticalement sur le cote gauche de la fenetre Document (voir figure 5-4). 

Options de la barre d'outils de codage : 

• Documents ouverts : (repere 1 de la figure 5-4) affiche la liste des documents ouverts. 
Lorsque vous cliquez sur ce bouton, la liste s' affiche dans la fenetre Document et permet de 
selectionner rapidement un autre document (voir repere 1 de la figure 5-4). 



Reduire balise entiere : (repere 2 de la figure 5-4) reduit tout le contenu compris entre o 

une balise d'ouverture et sa balise de fermeture (comme dans l'exemple du repere 7 de la 2 

figure 5-4 dans le cas d'une balise <table>). Pour reduire tout le contenu d'une balise g 

complete, placez le point d' insertion sur la balise d'ouverture ou de fermeture, puis ™ 

cliquez sur le bouton Redui re balise entiere. 1 
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Figure 5-4 

Depuis la version 8 de Dreamweaver, une nouvelle bane d'outils de codage a pris place a gauche de lafenetre 
Document. Cette barre vous permet d'ajouter rapidement du code dans la page. Pour connattre lafonction de 
chaque bouton, positionnez le pointeur sur cliacun jusqu 'a ce qu 'une infobulle apparaisse (voir le detail de ces 
differentes options ci-dessous). 
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Reduire selection : (repere 2 de la figure 5-4) permet de reduire uniquement le code 
selectionne. 

Developper tout : (repere 2 de la figure 5-4) restaure tout le code reduit. 

Selectionner balise parente : (repere 3 de la figure 5-4) selectionne le contenu et les 
balises d'ouverture et de fermeture qui encadrent la ligne dans laquelle est place le point 
d' insertion. 

Equilibrer les accolades : (repere 3 de la figure 5-4) selectionne tout le code se trouvant 
a l'interieur des parentheses, des accolades ou des crochets qui encadrent la ligne dans 
laquelle est place le point d' insertion. Si vous cliquez plusieurs fois sur ce bouton et que 
toutes vos balises sont equilibrees, Dreamweaver selectionne finalement les parentheses, 
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accolades ou crochets les plus exterieurs du document, ce qui permet de verifier le bon 
equilibre des parentheses, accolades ou crochets. 

• Numero de ligne : (repere 4 de la figure 5-4) permet d'avoir la numerotation des lignes 
dans la fenetre Document en mode Code ou dans l'inspecteur de code. Cette option est iden- 
tique a celle des options de la barre d'outils Document presentee precedemment. 

• Surligner le code non valide : (repere 4 de la figure 5-4) surligne le code non valide en 
jaune (cette fonction est aussi disponible depuis le bouton d'options de la barre d'outils 
Document presentee precedemment). 

• Appliquer commentaire : (repere 5 de la figure 5-4) permet d'encadrer le code selec- 
tionne avec des balises de commentaires, ou d'ouvrir de nouvelles balises de commen- 
taires. Les options de la liste qui s'ouvre, lorsque vous cliquez sur ce bouton, permettent 
de choisir le type de commentaire selon le code concerne (HTML, PHP, CSS, Java- 
Script... voir repere 5 de la figure 5-4). 

• Supprimer commentaire : (repere 5 de la figure 5-4) supprime les balises de commen- 
taires du code selectionne. 

• Envelopper avec balise : (repere 5 de la figure 5-4) permet d'encadrer le code selec- 
tionne avec la balise indiquee dans Quick Tag Editor (voir repere 8 de la figure 5-4). 

• Fragments de code recents : (repere 5 de la figure 5-4) permet de choisir, dans la liste 
qui s'affiche, un fragment de code recemment utilise et de l'inserer (1' utilisation du 
panneau Fragments de code, sera detaille dans la partie suivante). 

• Indentation du code : (repere 6 de la figure 5-4) ramene la selection vers la droite. 

• Indentation negative du code : (repere 6 de la figure 5-4) ramene la selection vers la 
gauche. 

• Mise en forme du code source : (repere 6 de la figure 5-4) applique les formats de code 
precedemment definis au code selectionne (ou a la page entiere si aucune ligne n'est 
selectionnee). Le format de code est configure dans la fenetre des Preferences de Dream- 
weaver, categorie Format de code. 

Inspecteur de code 

n 

Le mode Mixte (modes Code et Creation simultanes) est souvent utilise, car il permet de suivre ;g 

revolution de la page en visuel tout en intervenant rapidement dans le code. Pour afficher <g; 

votre fenetre Document en mode Mixte, vous pouvez cliquer sur le bouton Affi cher les modes @ 

Code et Creation depuis la barre d'outils document ou dans le menu Affichage>Code et o 

creation. II existe cependant une autre solution, semblable mais plus avantageuse, qui utilise 2 

l'inspecteur de code que vous faites apparaitre en cliquant sur la touche F10 ou depuis le menu g 

Fenetre>Autres>Inspecteur de code. Avec l'inspecteur de code, vous disposez des memes ™ 

avantages qu'en mode Mixte, mais avec une fenetre de code flottante que vous pouvez g 
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deplacer a votre convenance, et qui permet ainsi de conserver toute la surface utile de la 
fenetre en mode Creati on. Notez enfin que le mode Code et l'inspecteur de code partagent les 
memes fonctionnalites. 
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Figure 5-5 

L'inspecteur de code est semblable a la fenetre Document en mode Code, mats permet de conserver toute la 
surface du visuel en mode Creation grace a son affichage dans une fenetre flottante. 
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Indicateur de code 

Contrairement aux trois outils presentes precedemment, l'indicateur de code n'est pas un 
editeur, mais un assistant qui vous guide dans la saisie de vos codes. Vous pouvez l'utiliser 
depuis la fenetre du document en mode Code ou depuis l'inspecteur de code. Vous pouvez le 
configurer dans la fenetre Preferences, rubrique Indicateur de code (voir figure 5-6) ; vous 
pouvez le desactiver ou augmenter son temps de reaction si vous le trouvez trap envahissant. 
De meme, depuis cette fenetre, il vous est possible de choisir entre trois options pour generer 
la balise de fermeture automatiquement (la troisieme permettant de neutraliser completement 
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cette fonction) ou de reduire son action a certains types de codes (cochez les cases correspon- 
dant aux actions desirees : noms des balises, noms des attributs, valeurs des attributs, valeurs 
des fonctions...). 



Figure 5-6 

Lafenetre Preferences, 
rubrique Indicateur de 
code, vous permet de 
configurer les 
differentes options 
disponibles pour 
I 'utilisation de cet 
assistant. 



CV6oorto 

Aperfii dons fe rwnpoteur 
Barrc d"4tot 

Cataratlan du cede 
':™p»*Kfl de f-:h^i j 
Cop**|TCotef 
f-Curedwriducode 
Elements rmkJ« 
Format de code 


IrpdfcatSurSditodft 




B*ST*(fe>l 


OTMturfcl ©April sane* '<f 

Q Apr** tss* ds la firv de 1» twtes dooverture ">" 




□ 5 


M*d* Hit en farm* 
Nouveau dorumtnt 

ftflgrwime devaWayoft 
So 

Syfctcss 

TypW 41 tW*t f E**« 


Bans : 


■- Nawd&sbatees 


[£, Norr.sdesat&buis 

^ Valeurs des attnfauts 

Lif Ar gLmoits dei fcniticra 

f-^flriffdf-sajffiit *j^rtBtictv»ijb' , « 

E) EnttfeHIK 

[El Nomi * preprwUi CSS 

E &jris Cwtsefe da code 


»our ojouter «i suporime* des Ik*s« et attribute, U*$« J*fcfi£j!aJfc. 




OK i| ftftmrf* 


II «. 1 





L'indicateur de code est un outil tres pratique des qu'on commence a bien savoir l'exploiter, 
et il permet de saisir du code HTML ou PHP facilement et rapidement, sans avoir a se referer 
a la documentation. Pour illustrer son fonctionnement, nous vous proposons de commenter 
son utilisation pour la creation d'une balise d'un tableau HTML, puis pour le parametrage des 
arguments d'une fonction PHP. 

• Creation d'une balise de tableau HTML avec l'indicateur de code (voir figure 5-7). 
Depuis un editeur de code (fenetre mode Code ou inspecteur de code), saisissez le debut 
d'une balise de tableau, par exemple <t. L'indicateur doit apparaitre pour vous assister en 
vous proposant les differentes balises HTML commencant par t (si la premiere lettre 
n'est pas suffisante pour afficher la bonne balise, saisir une deuxieme lettre, et ainsi de 
suite jusqu'a l'affichage correct de la balise desiree). Des que vous pouvez selectionner la 
balise desiree dans le menu deroulant, validez-la en appuyant sur la touche Entree. Le 
debut de la balise est complete automatiquement. Appuyez sur la touche Espace pour affi- 
cher de nouveau l'indicateur de code, mais cette fois en mode Attribut (notez qu'une 
petite icone precede chacun des attributs afin de vous rappeler le type de fonction auquel 
il appartient). De la meme maniere que pour les balises HTML, il suffit de valider 
1' attribut desire pour qu'il apparaisse dans le code, mais cette fois, le pointeur de la souris 
est positionne entre les guillemets de la valeur de 1' attribut afin de vous faciliter sa saisie. 
Si les valeurs attendues sont standards, un nouveau menu deroulant vous propose les 
choix possibles, sinon entrez la valeur vous-meme (par exemple 1 pour l'attribut border). 
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Ensuite, vous pouvez appuyer sur la touche du clavier fin pour vous placer apres les 
guillemets, puis sur la touche Espace, de nouveau, pour saisir un autre argument si besoin. 
Renouvelez la meme operation pour le deuxieme argument, et terminez votre saisie par 
un caractere > . Apres avoir saisi tout le contenu de la balise, il suffit de taper les deux 
caracteres </ afin que l'inspecteur affiche automatiquement la balise de fermeture corres- 
pondante, soit </table> dans notre cas. A noter que vous pouvez aussi choisir, dans la 
fenetre des preferences (voir figure 5-6), l'autre option de generation automatique de la 
balise de fermeture (apres la saisie de la fin de la balise d'ouverture >). 
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Figure 5-7 

L'indicateur de code vous permet de saisir facilement vos balises HTML sans avoir a vous referer a la 
documentation. 
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Creation d'une fonction PHP avec l'indicateur de code. L'indicateur de code peut 
aussi gerer les differentes fonctions PHP, ainsi que les variables HTTP (par exemple, si 
vous tapez $_ , il vous propose les differents types de variables serveur disponibles dans 
un menu deroulant : $_GET, $_P0ST...)- En guise d'illustration, voici la demarche a suivre 
afin d'exploiter pleinement les possibilites de cet outil, pour declarer une constante insen- 
sible a la casse (nous utilisons pour cela la fonction defineO, avec comme troisieme 
argument la valeur 1, voir figure 5-8). Commencez par ecrire le debut de la fonction dans 
une zone PHP de votre page (zone encadree par les balises <? php et ?>), soit 
« defineO ». Une zone d'assistance s'affiche alors en dessous de la fonction et vous 
rappelle le type et le role des differents arguments attendus pour la fonction. Commencez 
a taper en suivant ces indications (il est a noter que, des que la saisie du premier argument 
commence, la zone d'assistance disparait). Si vous ajoutez ensuite une virgule, la zone 
d'assistance apparait de nouveau et vous informe sur les arguments restants a entrer. 
Procedez de la meme maniere pour tous les parametres attendus et terminez votre texte 
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par une parenthese fermante. N'oubliez pas le point- virgule si vous etes a la fin de 
l'instruction. 



Figure 5-8 

L'indicateur de code 
vous permet de 
connaitre les differents 
arguments attenduspar 
lesfonctions PHP. 



define j 



-*• string name, mixed value, in* case insensitive 



define ("CONSTAJTO" 



* mixed value, int case insensitive 



define ("CCHSTAHTE","Bonjour" 



* int case insensitive 



define ("COMSTANTE","Bonjoui:",l) j 



Fragment de code 

Les fragments de code permettent de stocker des parties de code pre-enregistrees en vue de 
pouvoir les reutiliser rapidement. Vous pouvez creer et inserer des fragments de code en 
HTML, JavaScript ou PHP. Dreamweaver contient egalement quelques morceaux de code 
predefinis. Pour ouvrir la fenetre des fragments de code depuis le menu, selectionnez 
Fenetre>Fragments de code (ou les touches Maj + F9). 

Le fragment de code peut soit envelopper une selection, soit se presenter comme un bloc de 
code. Vous pouvez par ailleurs l'assortir de commentaires destines aux autres utilisateurs. 
Notez que les fragments de code se trouvant dans le sous-dossier ConfigurationASnippets du 
dossier de l'application Dreamweaver 8, vous pouvez facilement les copier pour les utiliser 
sur un autre poste ou pour les transmettre a d'autres developpeurs. 

Voici la procedure pour creer un fragment de code : 

1. Cliquez sur Ficone Nouveau dossier situee en bas du panneau Fragments de code et 
nommez ce dossier PHP (voir figure 5-10). 

2. Cliquez sur Ficone Nouveau fragment de code situee en bas du meme panneau (voir 
figure 5-10). 
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La boite de dialogue Fragment de code s'affiche (voir figure 5-9). Saisissez un nom 
explicite pour votre futur fragment (exemple : Redirection PHP), puis decrivez Taction 
du code dans la zone Description. Choisissez l'option Envelopper la selection ou 
Inserer le bloc selon les besoins ; dans notre exemple, nous desirons envelopper la 
selection avec les deux blocs de code suivants : headerCLocation:" et ");. Ecrivez 
ensuite votre code dans la (ou les) fenetre destinee aux codes. Selectionnez enfin l'option 
Type d'apergu code en bas de la fenetre, puis cliquez sur OK. 



Figure 5-9 

La fenetre de creation 
d'un nouveau fragment 
permet de saisir le code 
soit en un seul bloc, soit 
dissocie en deux parties 
afin d' envelopper le 
texte selectionne, 
comme dans V exemple 
de cette figure. 
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Voici la procedure pour inserer un fragment de code : 

1. Placez le point d'insertion a l'endroit du document qui vous convient (dans le cas d'un 
fragment d'un seul bloc) ou delimitez la selection a entourer (dans le cas d'un code enve- 
loppant compose de deux parties). 

2. Dans le panneau Fragments de code, double-cliquez sur le fragment de code desire (voir 
exemple figure 5-10). Vous pouvez egalement cliquer avec le bouton droit de la souris 
(Windows) ou maintenir la touche Control e enfoncee (Macintosh) sur le fragment de 
code, puis choisir Inserer dans le menu contextuel. Vous devez ensuite ajouter le code 
dans l'editeur. 

Voici enfin la procedure pour modifier ou supprimer un fragment de code : 

1 . Selectionnez le fragment de code a modifier ou a supprimer. 

2. Cliquez sur l'icone Modifier le fragment de code ou Supprimer situee en bas du pan- 
neau Fragments de code (voir figure 5-11), selon Faction desiree. 
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Figure 5-10 

Pour inserer un fragment de code, ilfaut au prealable selectionner le code a envelopper par le fragment (dans le 
cas d'un fragment en deux blocs), puisfaire un double-die sur le fragment de code desire. 



Figure 5-11 

Les icones situees en 
basde lafenetre 
Fragments de code vous 
permettent d'aj outer, 
modifier ou supprimer 
un fragment. 



£>G 




Outils de gestion des balises 

La barre d'outils Insertion, la categorie PHP 

Nous avons deja presente la categorie PHP de la barre d'outils Insertion dans le chapitre 2 
(revoir figure 2-68). Elle permet d'inserer rapidement des balises PHP dans la fenetre Docu- 
ment en mode Code. Pour que la categorie PHP apparaisse, il faut etre dans une page dynamique 
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PHP (menu Fichier>Nouveau>General>Page dynamique + PHP). Hormis le bouton d' insertion 
de commentaire, les differents boutons du panneau inserent des balises PHP de debut et de fin 
(<?php et ?>) qui encadrent le code PHP desire. Ce panneau est done bien adapte a l'insertion 
de codes PHP isoles dans le code source d'une page HTML, et non pour vous assister dans 
l'edition d'un script PHP de plusieurs instructions. Le bouton situe a l'extreme droite du 
panneau permet d'appeler le selecteur de balises que nous detaillerons ci-dessous. Ainsi, vous 
pouvez acceder a d'autres balises PHP, mais aussi a toutes les balises HTML proposees en 
standard par Dreamweaver. Les fonctions des boutons de l'onglet PHP sont les suivantes : 

• Ajout de variables de formulaires : 

<?php $_P0ST[]; ?> 

• Ajout de variables d' URL : 

<?php $_GET[]; ?> 

• Ajout de variables de session : 
<?php $_SESSI0N[]; ?> 

• Ajout de variables de cookies : 
<?php $_C00KIE[] ; ?> 

• Ajout de la fonction Incl ure : 

<?php includeO; ?> 

• Ajout de la fonction Necessite : 
<?php requireO; ?> 

• Ajout d'un bloc de code PHP : 

<?php ?> 

• Ajout de la fonction Echo (affichage) : 

<?php echo ?> 
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• Ajout d'un commentaire dans le code : 
/* */ 

• Ajout de la fonction if (test d'une condition) : 

<?php if ?> 

• Ajout de la fonction el se (complementaire de la fonction if) : 

<?php else ?> 

• Ajout d'une balise par le biais du selecteur de balises (voir le selecteur de balises detaille 
ci-apres). 
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Figure 5-12 

La categorie PHP de la bane d'outils Insertion permet d'ajouter rapidement un code accompagne de ses balises 
PHP. 



Selecteur de balises 

Le selecteur de balises vous permet d' inserer dans la fenetre du document une balise quel- 
conque issue des bibliotheques de balises de Dreamweaver (balises PHP ou HTML). Pour 
inserer une balise a l'aide du selecteur de balises, nous vous suggerons de suivre les etapes 
suivantes : 

1. Placez le point d' insertion dans le code, cliquez avec le bouton droit de la souris (Win- 
dows) ou maintenez la touche Control e enfoncee (Macintosh), puis choisissez Inserer 
la balise. Vous pouvez aussi cliquer sur le bouton Plus de balises du panneau Inser- 
tion/PHP presente ci-dessus. 

2. Le selecteur de balises s'affiche (voir figure 5-13). Le panneau de gauche repertorie les 
bibliotheques de balises prises en charge, tandis que le panneau de droite affiche les bali- 
ses individuelles du dossier. 
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3. Deroulez un dossier de bibliotheque et selectionnez une balise dans la liste de droite. 
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4. Double-cliquez sur la balise ou cliquez sur le bouton Inserer (situe en bas de la fenetre). 

5. Selon la configuration des Preferences de Dreamweaver, une seconde fenetre s'ouvre 
pour vous demander 1'URJL du lien. Saisir l'adresse ou utiliser le bouton Parcourir. . . 
pour la localiser sur votre poste, puis cliquer sur le bouton OK pour inserer la balise selec- 
tionnee dans le code, a l'endroit du point d'insertion defini precedemment. 
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Figure 5-13 

Le panneau du selecteur de balises permet d'ajouter facilement une des nombreuses balises proposees dans les 
bibliotheques de Dreamweaver. 
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Editeur de balises 

L'editeur de balises permet de definir les proprietes d'une balise ou de modifier ses parame- 
tres (attributs, valeurs, format). Les balises ajoutees par l'editeur de balises sont ensuite dispo- 
nibles en utilisant l'indicateur de code presente precedemment. Pour afficher l'editeur de 
balises, utilisez 1' entree Edition du menu, puis selectionnez Bibliotheque de balises. 
Dreamweaver propose en standard de nombreuses bibliotheques de balises qui devraient 
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suffire dans la majorite des projets. Neanmoins, vous avez aussi la possibilite d'enrichir ces 
balises standards avec les votres. II est a noter que cet outil est principalement utilise pour 
Finsertion de balises HTML, car dans le cadre de developpement de scripts PHP, l'utilisation 
des fragments de code (qui permettent l'ajout de code PHP sans les balises d'ouverture et de 
fermeture) est mieux adapte a cet usage. 

Voici la procedure a suivre pour ajouter, en utilisant l'editeur de balises, une option supple- 
mentaire a l'attribut target de la balise <a> : 

1. Ouvrez la boite de dialogue Editeur de la bibliotheque de balises (menu: Edition> 
Bibliotheque de balises). Developpez une bibliotheque de balises, puis une balise, et 
choisissez un attribut (par exemple l'attribut target de la balise a). 

2. Modifiez les parametres de l'attribut ou ses valeurs (dans notre exemple, nous avons 
ajoute une valeur supplementaire destinee a un cadre qui sera frequemment utilise, 
nomme menu) et validez. La balise, ses attributs ou ses valeurs doivent alors etre automa- 
tiquement modifies dans le code, selon les options choisies (voir la figure 5-14). 

Inspecteur de balises 

L'inspecteur de balises est compose de deux fenetres. Celle du haut affiche les differentes 
balises qui composent la page sous forme d'une arborescence representant leur imbrication. 
Dans la fenetre du bas (appelee Fiche de proprietes), nous retrouvons les differents attributs 
utilisables pour la balise selectionnee. Ce mode de representation est appreciable pour verifier 
la bonne structure de la page (fenetre du haut) et pour parametrer un attribut particulier d'une 
balise qu'on identifie rapidement dans la liste proposee dans la fenetre du bas. De meme, il 
peut etre avantageux d'utiliser cet inspecteur dans le cas d'ajout de variables dynamiques, 
comme dans 1' exemple de la figure 5-15 (pour rendre dynamique les attributs hauteur ou 
largeur d'un tableau HTML, par exemple). Pour ouvrir l'inspecteur de balises, selectionnez 
le menu Fenetre>Inspecteur de balises. 

Voici la procedure pour modifier une balise avec l'inspecteur de balises : 

1. Si l'inspecteur de balises n'est pas disponible dans les panneaux, activez-le depuis le 
menu FenetreMnspecteur de bal ises (ou encore avec la touche F9). Cliquez ensuite sur 
le bouton Affiche r la vue sous forme de liste, en haut du panneau de l'editeur de 
balises. En mode Code ou dans l'inspecteur de code, selectionnez une balise (a l'aide du 
selecteur de balises par exemple). Si elle prend en charge des attributs, Dreamweaver les 
affiche, ainsi que leur valeur actuelle, dans le panneau de l'inspecteur de balises. 

2. Modifiez la balise a votre convenance. Pour cela, cliquez sur le nom d'un attribut pour 
saisir sa valeur ou, s'il accepte les valeurs predefinies, selectionnez-en une dans la liste 
proposee. De meme, si vous devez le parametrer avec une valeur d'une source de con- 
tenu dynamique (une base de donnees, par exemple), cliquez sur 1'icone en forme 
d' eclair en bout de rangee de l'attribut concerne, puis selectionnez la source (voir 
figure 5-15), et validez en cliquant sur le bouton OK. 



© 

CO 

o 
o 

O 



Programmation PHP 



Chapitre 5 




Figure 5-14 

L'editeur de balises permet de modifier ou de creer de nouvelles bibliotheques, des balises de code on encore 
leurs attributs. 



3. Des que vous selectionnez un autre attribut, la mise a jour de celui qui est modifie est 
effectuee automatiquement dans la fenetre du document. 



Syntaxe de PHP 



Extension du fichier et balises de code PHP 

Extension de fichier PHP 

Comme nous l'avons explique dans le chapitre 1, le code PHP doit d'abord etre interprete 
avant d'etre envoye vers le navigateur du client. Pour cela, le code source d'un script est 
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Figure 5-15 

L'inspecteur de balises permet de parametrer facilement les differents attributs d'une balise. Dans le cas d'une 
valeur d'attribut dynamique, comme dans Vexemple ci-dessus (ajustement de la largeur du tableau enfonction 
d'une donnee « resultat » de la base), 11 vous assiste aussi dans son reglage. 



toujours enregistre dans un fichier portant l'extension .php, pour que l'interpreteur PHP 
l'identifie (exemple : mapage.php). 

Balises de code PHP 

Le script integre dans la page doit en plus etre encadre par deux balises <?php et ?>, pour que 
l'interpreteur PHP puisse evaluer le code ainsi delimite (dans cet ouvrage, nous utiliserons 
toujours ces deux balises car elles sont recommandees pour leur compatibilite avec de 
nombreuses applications, mais sachez qu'il existe d'autres manieres de les ecrire, voir 
tableau 5-1). 
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Ainsi, lorsque l'interpreteur PHP detecte la balise de debut (<?php), il traite le code qui suit 
comme des instructions PHP et l'interprete jusqu'a ce que la balise de fin soit rencontree. 
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<?php 



Tableau 5-1 - Differents types de balises acceptees par PHP 



Balise de debut 



<script language="php"> 
<% 



?> 
?> 

</script> 
%> 



Balise de fin 



Apres la balise de fin (?>), il considere que le code qui suit est en HTML et l'envoie tel quel 
au navigate ur du destinataire. 

Voici un exemple d'un premier script PHP : 

<?php 

echo "Bonjour"; 

?> 



Dans l'exemple ci-dessus, la premiere ligne du programme est composee de la fonction echo 
qui affiche Bonjour a l'ecran. La page PHP peut comprendre uniquement ce script ou du code 
HTML dans lequel on a integre le script PHP. Dans ce cas, seul le script PHP delimite par ses 
balises est interprete par l'interpreteur PHP ; le code HTML est quant a lui retranscrit a Fiden- 
tique dans la page finale envoyee au navigateur. Si vous enregistrez ce code PHP dans un 
fichier bonjour. php et que vous testez cette page, le navigateur affiche alors Bonjour. Par la 
suite, nous enregistrerons toujours nos fichiers comportant du code PHP avec l'extension 
.php. De meme, dans les differents exemples de ce chapitre, nous ne mentionnerons pas ces 
balises PHP, car nous considererons que tous les codes affiches doivent etre encadres par ces 
deux balises <?php et ?>. 
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La fonction d'aff ichage echo 

Nous avons prevu d'aborder I'etude des fonctions PHP un peu plus loin dans ce meme chapitre ; cepen- 
dant nous utiliserons la fonction echo des le debut de cette partie, afin d'afficher facilement les valeurs des 
variables ou d'emuler du code HTML dans un script PHP. Pour cette raison, voici quelques informations 
sur I'utilisation de cette premiere fonction, qui vous permettront de mieux comprendre son utilisation dans 
les differents exemples de ce chapitre. Sachez, pour commencer, que la fonction echo est la seule fonc- 
tion qui ne necessite pas I'usage de parentheses pour encadrer ses arguments. Elle permet d'afficher des 
textes ou des balises HTML, s'ils sont encadres par des guillemets simples ou doubles. Par exemple echo 
"bonjour"; ou echo 'bonjour' ; affichent le mot « bonjour » dans la page Web ; echo "<br>"; 
emule la balise HTML <br> et provoque un retour a la ligne. La commande echo permet egalement d'affi- 
cher la valeur d'une variable, si elle est encadree par des doubles guillemets ou sans guillemets : par 
exemple, echo "$varl"; ou echo $varl; affichent la valeur de la variable $varl dans la page Web, 
mais attention, si vous passez dans I'argument le nom d'une variable encadree par de simples guillemets, 
vous affichez alors uniquement son nom, et non sa valeur. 
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Les commentaires 

Dans un script PHP (zone encadree par les balises <?php et ?>), il est possible de commenter 
le code en utilisant trois syntaxes differentes selon le type de commentaire. 

Commentaires de simple ligne // 

Si on desire inserer un simple commentaire sur une ligne ou a la fin d'une instruction, il faut 
ecrire deux barres obliques // devant le commentaire a ajouter. 

Voici un exemple : 

echo "Bonjour"; //Ici c'est un commentaire en bout de ligne 
// Ici c'est un commentaire sur une ligne complete 

Commentaires de tete # 

On peut egalement utiliser le symbole # , pour commenter une simple ligne. En pratique, cette 
syntaxe est souvent utilisee en tete de programme pour indiquer les differents parametres qui 
caracterisent le script de la page (fonctions realisees par le script, informations en entree et en 
sortie...). 

Voici un exemple : 



# Programme de mise a jour - version du 15.01.2003 

# information en entree : $varl, $var2, $var3, $var4 

# information en sortie : actual isation de la table AGENCES 



Commentaires multilignes /* et */ 

Si on desire avoir plusieurs lignes de commentaire, il faut employer le signe /* en debut de la 
zone de commentaire et */ a la fin. 

Voici un exemple : 

/* o 

ceci est un commentaire "s 

sur plusieurs t §- 

lignes ® 

* to 

/ o 

ON 

O 
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Utiliser les commentaires pour deboguer 

Dans le cadre du depannage d'un script PHP, vous pouvez utiliser les commentaires pour neutraliser une 
ligne ou un bloc de code. Cela permet de tester la page sans interpreter la partie neutralised et d'identifier 
quel script produit I'erreur. Pour plus d'information sur le debogage d'un programme, reportez-vous au 
paragraphe dedie a la mise en oeuvre des programmes, a la fin de ce chapitre. 



Les variables 



La variable et sa valeur 

Les variables sont des symboles auxquels on affecte des valeurs. Apres leur affectation, vous 
pouvez modifier les variables a tout moment au cours du deroulement du programme. II n'y a 
pas de declaration de variable en PHP (contrairement a des langages comme le C), car la 
variable est creee des sa premiere affectation. De meme, elles prennent le type correspondant 
a la valeur affectee. II est a noter que le type d'une valeur peut lui aussi changer au cours d'un 
meme programme selon la valeur qu'on lui affecte. 

Noms des variables 

Les noms des variables sont toujours precedes du caractere $ et suivis du nom choisi pour 
identifier la variable, qui ne doit comporter que des caracteres alphanumeriques (sauf le 
premier caractere, qui ne doit pas etre un chiffre) ou le caractere souligne _. En pratique, il est 
judicieux de choisir un nom explicite et de se fixer une regie de nommage lors du choix d'un 
nom de variable. 



Types des variables 

Les variables peuvent etre de plusieurs types : 

Tableau 5-2 - Les variables PHP peuvent prendre differents types selon leur affectation 



Type de variable 


Description 


Exemples 


Chaine de caracteres 


Leurs valeurs sont des lettres, chiffres ou 


$var1="Dupond"; 


(string) 


symboles. Pour affecter une valeur 


$var2="bonjour M. $var1"; 




alphanumerique a une variable, vous devez 


$var3="254"; 




I'encadrer par des guillemets. 


$var4="total=150"; 




II est a noter que les guillemets peuvent etre 


$var5= "d'en face" ; 




doubles (") ou simples ('), et qu'une chaine 


$var5= Wen face'; 




encadree par des guillemets simples peut contenir 


$var6= 'hight="20" ' ; 




des guillemets doubles et vice-versa, mais si vous 


$var7= "hight=\"20\" " ; 




devez integrer des guillemets de meme type dans 






la chaine, il faut les faire preceder du caractere 






d'echappement (\). 
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Tableau 5-2 - Les variables PHP peuvent prendre differents types selon leur affectation (suite) 



Type de variable 


Description 


Exemples 


Numeriques entiers 
(integer) 


Leurs valeurs sont uniquement des nombres 
entiers. Pour affecter un entier a une variable, il ne 
doit pas etre encadre par des guillemets. 


$var1=152; 
$var2=5; 
$var3=45+$var1 ; 


Numeriques decimaux 
(double) 


Leurs valeurs sont uniquement des nombres 
decimaux. Pour affecter un decimal a une variable, 
il ne doit pas etre encadre par des guillemets. 
II est a noter que le separateur des valeurs 
decimales utilise en PHP est le point (.) et non la 
virgule (,). 


$var1 =152.20; 
$var2=1 24.50; 
$var3=45.85+$var1; 


Booleens 
(boolean) 


Leurs valeurs sont soit TRUE (vrai), soit FALSE 

(faux). Ces valeurs sont affectees a la variable en 

utilisant une expression de condition 

(ex:$var1==$var2). 

La valeur FALSE peut aussi etre le 0, une chaine 

vide "" ou le caractere "0" ; et la valeur TRUE toutes 

les autres valeurs. 


$var1=5 ;//varnum 

$var2=2 ;//var num 

$var3=($var1==$var2); 

/* $var3 est une variable booleenne 

et sa valeur est FALSE dans ce cas 

7 


Tableaux 
(array) 


Un tableau est une serie de valeurs ayant en 
commun le meme nom de variable, lis peuvent etre 
indices ou associatifs. Le premier indice d'un 
tableau est toujours zero. 


$mois[0]="janvier"; 
$mois[1]="fevrier"; 
$mois[2]="mars"; 


Objets 
(object) 


Les objets (ou classes) sont des ensembles de 
variables et de fonctions definies par I'utilisateur. 


class chrono { 

var$var1=2; 

function debut() {this->$var1=time() 

} 

} 



Comment connaltre le type d'une variable ? 

En cours de developpement, vous aurez peut-etre besoin de connaitre le type d'une variable avant de 
I'exploiter. Dans ce cas, il suffit d'utiliser la fonction gettype($varl) qui retourne le type de la variable 
$varl. En phase de mise au point d'un programme, vous pouvez integrer provisoirement dans votre page 
I'instruction suivante : echo gettype($varl) ;, qui affiche le type de la variable directement dans la 
page Web (string, integer, double, boolean, array, object). 



Variables simples 

La syntaxe la plus simple pour utiliser une variable est d'utiliser son nom precede d'un carac- 
tere $ (exemple : $varl). Cette syntaxe est employee aussi bien pour son affectation que lors 
de son utilisation au sein d'une page Web (pour les versions de PHP superieures a 4.2, ce type 
de variable devra etre manipule uniquement au sein d'une meme page). Dans l'exemple ci- 
dessous, le type de la variable $varl est numerique, comme le type de la valeur qui lui est 
affectee. 
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//affectation d'une variable simple 

$varl=100; 

//utilisation d'une variable 

echo $virl;//ici la valeur de la variable sera affichee dans la page 



Comment tester si une variable existe ? 

Pour tester si une variable a deja ete affectee, il est possible d'utiliser la fonction isset($varl) qui 
retourne TRUE (vrai) si la variable existe (si elle est deja affectee, meme avec une chaine vide ou un 0), et 
FALSE dans les autres cas (si elle n'existe pas encore ou si elle n'a pas ete affectee). A I'inverse, la fonc- 
tion empty ( $varl ) permet de tester si une variable est vide (une variable vide vaut dans le cas d'une 
variable numerique, ou est une chaine vide dans le cas d'une chame de caracteres). Si elle est vide, la 
fonction retourne TRUE ; elle retourne FALSE dans tous les autres cas. (Attention : si la variable testee 
contient une chaine vide ou un 0, les deux fonctions retournent TRUE.) 

A titre d'exemple, void un cas pratique : afin d'eviter d'avoir de multiples messages d'erreur du genre 
Undefined variable lors de I'affichage de la page, vous serez certainement amene a verifier si vos 
variables sont bien initialisees. Vous pourrez alors utiliser le code suivant (en le placant en debut de page) 
qui initialisera la variable en question uniquement si elle n'existe pas encore (I'instruction i f ( ) utilisee 
dans ce test est presentee plus loin dans ce meme chapitre) : 

if ( !isset($variabl e) ) $variable=" " ; 



Variables de variables 

Le nom d'une variable peut lui-meme etre une variable. Dans ce cas, il faut faire preceder 
l'identifiant de la variable de variable par deux $. Ainsi, dans l'exemple ci-dessous, l'affecta- 
tion du mot bonjour a $$varl est equivalent a l'affectation du meme mot a la variable tradi- 
tionnelle $var2 : 

$varl=var2; 

$$varl="bonjour" ; 

echo $var2; //affiche "bonjour" a 1'ecran 
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Variables par reference 

Depuis PHP 4, il est possible d'affecter a une variable une autre variable par reference. En 
pratique, la nouvelle variable se comporte comme un alias de la variable initiale. Quand vous 
affectez une variable par reference, ce n'est pas la valeur d'une variable qui est affectee a une 
autre variable (ce que Ton appelle l'affectation traditionnelle par copie), mais c'est son 
adresse memoire qui devient commune. Ainsi, les deux variables pointent sur la meme 
adresse memoire, et la modification de la nouvelle variable change aussi la valeur de 
l'ancienne, et vice versa. Les performances des affectations d'une variable par reference sont 
cependant bien plus interessantes que celles d'une affectation classique. En ce qui concerne la 
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syntaxe, pour affecter une variable par reference, il suffit de faire preceder la nouvelle 
variable du caractere & lors de son affectation : 

$varl="bonjour" ; 

$var2=&$varl; 

// Affectation de var2 par reference (la variable affectee est precedee de &). 

$varl="hel 1 o" ; //modification de $varl 

echo $varl; // Les deux variables $varl et $var2 sont modifiees. 

echo $var2; // Elles affichent done toutes les deux "hello" a 1'ecran. 



Variables en tableaux indices 

Les tableaux sont des series de valeurs regroupees sous le meme identifiant. On distingue 
chaque element de la serie par un indice entre crochets (exemple $tabl[0]). Les tableaux utili- 
sant les indices numeriques pour distinguer leurs elements s'appellent des tableaux indices, et 
les indices des tableaux commencent toujours a 0. 



Comment connaltre les valeurs contenues dans un tableau ? 

En cours de developpement, vous aurez peut-etre besoin d'afficher rapidement le contenu d'un tableau 
afin de tester votre script. Dans ce cas, il suffit d'utiliser la fonction pri nt_r($tabl ), qui affiche directe- 
ment a I'ecran les differentes valeurs du tableau $tabl. Par exemple, si vous desirez connaitre les 
valeurs du tableau $agence apres son affectation (voir le premier exemple de tableau ci-dessous), vous 
pouvez integrer provisoirement dans votre page I'instruction : 

print_r($agence) 

qui affiche les informations suivantes dans la page Web : 

Array([0]->Paris [l]->L1lle [2]->Marseille) 



II existe plusieurs manieres d'attribuer des valeurs a un tableau. La premiere consiste a donner 
sa valeur a chaque element, en precisant explicitement l'indice de l'element. L'exemple ci- 
dessous initialise un tableau memorisant les noms d'agences du projet SCORE : 

$agence[0]-"Paris"; 
$agence[l]-"Lille"; 
$agence[2]-"Marseille"; 



La deuxieme maniere consiste a ne pas preciser l'indice de l'element du tableau lors de son 
affectation. Dans ce cas, le premier element a qui on donne une valeur est d'indice 0, et les 
autres sont incremented au fur et a mesure des attributions. L'exemple ci-apres realise exacte- 
ment la meme affectation que l'exemple precedant utilisant des indices : 
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$agence[]="Paris"; 
$agence[]="Lil le"; 
$agence[]="Marseil le"; 

La troisieme maniere d'affecter un tableau est d'utiliser la fonction array ( ). II convient dans 
ce cas de preciser les differentes valeurs du tableau dans les arguments de la fonction (on 
separe ces valeurs par des virgules) : 

//affectation des valeurs 

$agence-array ( "Pari s" , "Li 1 1 e" , "Marsei lie"); 

//utilisation des variables 

echo $agence[0] ;//affiche "Paris" 

Variables en tableaux associatifs 

II est egalement possible de remplacer les indices par un nom explicite (la cle). Dans ce cas, 
le tableau est dit « associatif » (exemple $tabl["nom"]). 

Nous avons decline ci-dessous les exemples expliques precedemment, mais en passant par des 
tableaux associatifs pour illustrer leur utilisation : 

$agence["centre"] = "Paris"; 
$agence["nord"] = "Lille"; 
$agence["sud"] = "Marseille"; 

ou bien : 

//affectation des valeurs 

$agence=array( 

"centre"=>"Paris" , 

"nord"=>"Lil le", 

"sud"=>"Marseille"); 

//utilisation des variables 

echo $agence["centre"] ;//affiche "Paris" 

Variables en tableaux multidimensionnels 

PHP ne gere pas les tableaux a deux dimensions, mais il est toutefois possible de creer une 
telle matrice en declarant une autre structure de tableau, a la place des differentes variables du 
tableau principal. Ainsi, le tableau principal se comporte comme un tableau a deux dimen- 
sions (voir le tableau 5-3 et l'exemple ci-apres) : 
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Tableau 5-3 - Matrice equivalant a I'exemple ci-dessous (Stableauprincipal) 



W[y] 


[y]=[0] 


[y]=[i] 


[x]=[0] 


Al 


A2 


W=[l] 


Bl 


B2 



//initialisation d'un tableau a 2 dimensions 

$ligneA=array("Al","A2") ; 

$ligneB=array("Bl","B2"); 

$tableauprinci pal -array ($1 igneA,$ligneB) ; 

//utilisation de ses elements 



echo $tableauprincipal [0][0] 

echo $tableauprincipal [0][1] 

echo $tableauprincipal [1][0] 

echo $tableauprincipal[l][l] 



//affiche Al 

//affiche A2 

//affiche Bl 

//affiche B2 



Variables HTTP 

Les variables HTTP sont des sources de contenu dynamique que vous pouvez utiliser dans une 
application Web. II existe plusieurs families de variables selon la maniere dont elles sont initialisees 
(variable de formulaire, d'URL, de fichier, de session ou de cookie). Toutes ces variables HTTP 
sont stockees dans des tableaux differents selon leur famille ($_P0ST['varl'], $_GET['varl'], 
$ SESSI0N[ ' varl ' ] . $_C00KI E[ ' varl ' ] ) . Ces tableaux sont disponibles si Foption track_var est 
activee dans le fichier php.ini, mais cette option est toujours activee par defaut dans toutes les 
versions de PHP superieures a 4.0.2. A noter que Fediteur Dreamweaver recount aux tableaux de 
variables dans tous ses scripts. Par exemple, pour recuperer la variable $varl issue d'un formulaire 
(champ varl) utilisant la methode GET, Dreamweaver 8 emploiera la syntaxe suivante : 
$_G ET [ ' v a r 1 ' ] . Cependant, avant la version 4. 1 de PHP, d' anciens tableaux etaient ecrits avec une 
syntaxe plus longue et done plus difficile a saisir dans le code ($HTTP_POST_VARS['varl'], 
$HTTP_GET_VARS['varl'], $HTTP_COOKIE_VARS['varl'] , $HTTP_SESSION_VARS['varl']). 
Ainsi, selon la version PHP de votre serveur, vous devrez adopter Fune de ces deux syntaxes ; 
d'ailleurs, sachez que contrairement a la version 8, Dreamweaver MX generait encore des tableaux 
de la premiere generation. 



Quelle generation de tableaux de variables HTTP doit-on utiliser ? 

Dans cet ouvrage, nous utiliserons la deuxieme generation de tableaux de variables HTTP 
($_P0ST['varl'] # etc.) pour etre en conformite avec les scripts generes par Dreamweaver 8. 
Cependant, sachez qu'afin d'assurer la compatibilite avec les versions anterieures, les dernieres moutures 
de PHP (et done PHP 5) permettent toujours d'utiliser en parallele les deux generations de tableaux. Nous 
vous conseillons cependant d'utiliser si possible les tableaux de deuxieme generation 
($_P0ST[ 'varl ' ] , etc. ) pour tous vos nouveaux scripts, car il est possible que I'utilisation de la 
premiere generation de tableau ne soit plus autorisee dans une future version de PHP... 
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Nous vous rappelons que depuis la version 4.2 de PHP, le parametre register_globals du 
fichier php.ini est desormais configure a off par defaut pour des raisons de securite. Par 
consequent, l'utilisation d'une simple variable pour recuperer une valeur n'est plus possible. 
II faut alors recourir aux tableaux des variables HTTP que nous vous avons presentes ci- 
dessus, pour recuperer la valeur d'une variable. Ainsi, pour une information saisie dans un 
champ nomVar et envoyee par un formulaire en methode POST, on devra prendre la variable 
HTTP $_P0ST[ ' nomVar ' ] pour obtenir sa valeur. Cependant, si vous desirez utiliser d'anciens 
scripts sans les modifier, vous pouvez toujours changer la configuration de PHP et mettre le 
parametre register_globals a On dans le fichier php.ini. Une autre solution consiste a 
employer la fonction import_request_variables() qui transforme les variables stockees dans 
les differents tableaux des variables HTTP en variables simples. Par exemple, si vous 
saisissez la fonction suivante import_request_variables("gpc", "var_"), cela vous 
permettra de retrouver toutes les variables envoyees en GET, POST et COOKIE (grace a 
l'option gpc) sous le meme nom que celui de la variable, mais prefixe par var_ (ainsi, si vous 
souhaitez recuperer la valeur d'un champ de formulaire nomme adresse, vous devrez alors 
utiliser la syntaxe $var_adresse dans votre script). 

Les variables de fichier (lors d'un telechargement d'un formulaire en methode POST) subis- 
sent les memes regies. Ainsi, lorsque le parametre register_globals vaut On dans php.ini, la 
variable $f i 1 e_name est identique a la variable HTTP $_FI LES[ ' f i 1 e ' ] [ 'name ' ], de meme que 
les trois autres variables de fichier presentees dans le tableau 5-4. En revanche, si le parametre 
vaut Off (configuration par defaut pour PHP 4.2 et +), il faudra uniquement utiliser les varia- 
bles HTTP du tableau 5-4. 

Tableau 5-4 - Les variables HTTP sont frequemment utilisees par Dreamweaver dans 
■'elaboration des scripts crees par les comportements de serveur 



Famille de variable 

variable de formulaire 
utilisant la methode POST 

variable passee dans I'URL 
ou issue d'un formulaire 
utilisant la methode GET 

variable de session 



variable de cookie 



Syntaxe du tableau 
de variables 

$_POST['var1'] 



_GET['varT] 



$_SESSION['var1'] 



$_COOKIE[Var1'] 



Description 

Tableau des variables de formulaire qui stocke les 
informations recuperees lors d'une requete d'un formulaire 
utilisant la methode POST. 

Tableau des variables d'URL qui stocke les valeurs 
transmises par I'URL (ex : bonjour.php?var1=100) ou 
saisies par I'internaute dans un formulaire utilisant la 
methode GET. 

Tableau des variables de session qui memorise des 
informations enregistrees pendant toute la duree de la visite 
de I'internaute (la session). 

Tableau des variables de cookie qui permet de recuperer 
une information stockee au prealable sur le poste client. 
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Tableau 5-4 - Les variables HTTP sont frequemment utilisees par Dreamweaver dans 
■'elaboration des scripts crees par les comportements de serveur (suite) 



Famille de variable 


Syntaxe du tableau 
de variables 


Description 


variable de fichier 


$_FILES['file'] 


Tableau des informations correspondant a un fichier 


Lors du chargement d'un 


['name'] 


telecharge par la methode POST. 


fichier depuis un formulaire 


correspond au nom 


Dans les exemples ci-contre, on suppose que le nom du 


en methode POST, il est 


du fichier 


fichier telecharge (soit le nom du champ du formulaire) est 


stocke dans un repertoire 


$_FILES['file'] ['type'] 


file. 


temporaire. II conviendra 


correspond au type 


ATTENTION : le formulaire dans lequel est integre le champ 


done de le copier ensuite 


MIME du fichier 


de telechargement de fichier (balise input de type="file") doit 


dans le repertoire desire (a 


$_FILES['file']['size'] 


etre configure avec I'attribut enctype="multipart/form-data" 


I'aide de la fonction copy ou 


correspond a la taille 


et la methode POST. 


move_uploaded_file par 


en octets du fichier 




exemple). 


$_FILES['file'] 
['tmp_name'] 
correspond au nom 
temporaire du fichier 





De meme, il est interessant de noter que ce fichier de configuration php . i ni contient aussi une 
option error_reporting qui peut etre parametree selon le niveau de controle de vos scripts 
souhaite. Dans les dernieres versions de PHP, cette option est configured par defaut avec la 
valeur E_ALL qui est le niveau maximal de controle. Avec ce parametrage, toutes les variables 
non declarees provoqueront automatiquement un warning (Undefined variable). Si vous 
desirez eviter ces messages d'erreur frequents, l'ideal serait d'ajouter une instruction d'initia- 
lisation de la variable concernee (revoir l'utilisation de l'instruction issetO presentee au 
debut de ce chapitre), mais vous pouvez aussi remplacer la valeur actuelle de l'option 
error_reporting par E_ALL & ~ E_N0TICE ou encore integrer ponctuellement la fonction 
error_reporting(7) ; dans le script de la page concernee. 

Procedures pour ajouter des variables HTTP 

Dreamweaver met a votre disposition deux moyens d'integrer facilement des variables HTTP 
dans le code d'une page dynamique. 

• Avec la premiere solution, il faut creer au prealable une variable HTTP a partir du 
panneau Li ai sons en cliquant sur le bouton + et en selectionnant la famille desiree dans la 
liste du menu. Vous devez alors renseigner le nom de la variable dans la boite de 
dialogue, puis valider. La variable creee est ensuite disponible dans la fenetre du panneau 
Li ai sons, et il suffit de la placer dans le script PHP a I'aide d'un glisser-deplacer pour que 
le code correspondant apparaisse dans la page (voir figure 5-16). 

• L'autre solution consiste a utiliser les boutons de la barre d'outils Inserti on/PHP. Placez- 
vous dans l'editeur de code, a l'endroit ou vous desirez ajouter la variable, et cliquez sur 
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Figure 5-16 

Pour ajouter une variable HTTP a partir de lafenetre Liaisons, il suffit de lafaire glisser avec la souris dans 
Vediteurde code. 



le bouton correspondant a la famille de variables desiree (voir figure 5-17). II suffit 
ensuite de completer le code en ajoutant le nom de la variable concernee. 

II existe aussi d'autres variables predefinies qui fournissent des renseignements precieux, 
comme les noms du navigateur client et du systeme d' exploitation ou encore l'adresse IP de 
l'internaute qui consulte votre site. Avec Dreamweaver, vous pouvez facilement exploiter ces 
variables a l'aide du tableau $_SERVER['nom_var'], qui regroupe toutes les variables HTTP. II 
est a noter que la plupart de ces valeurs sont attribuees par le serveur : vous pouvez les 
exploiter dans de multiples applications, mais vous ne devez pas les modifier. Vous trouverez 
ci-apres une liste non exhaustive de ces variables HTTP. 
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Figure 5-17 

La bane d 'outils Insertion/PHP comporte quatre boutons qui vous permettent d 'ajouter rapidement une variable 
HTTP dans le code de votre script. 

Tableau 5-5 - Liste non exhaustive de quelques variables PHP predefines disponibles sur 

le serveur Web 



Nom de la variable 


Definition 


$_SERVER['HTTP_USER_AGENT] 


Contient le nom et la version du navigateur utilise par 
I'internaute. 


$_SERVER['HTTP_ACCEPT_LANG UAGE'] 


Contient le code de la langue parametree dans le 
navigateur de I'internaute (fr par exemple, si le 
navigateur est en version francaise). 


$_SERVER['REMOTE_ADDR'] 


Contient I'adresse IP de I'internaute qui consulte la page. 


$_SERVER['DOCUMENT_ROOT'] 


Contient le nom du repertoire de la page affichee. 


$_SERVER['QUERY_STRING'] 


Contient les informations passees dans I'URL apres le 
caractere ?. 
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Tableau 5-5 - Liste non exhaustive de quelques variables PHP predefinies disponibles sur 

le serveur Web (suite) 

Nom de la variable Definition 

$_SERVER['PHP_SELF] Contient le chemin et le nom de la page Web en cours de 

traitement. 



Exemple : 

echo $_SERVER['PHP_SELF']; 

//affiche le chemin de la page en cours 

echo $_SERVER['QUERY_STRING']; 

/* affiche les informations passees dans I'URL apres le point d'interrogation 

(exemple : si dans I'URL page.php?var1=20, alors var1=20 est affiche a I'ecran) 7 



Comment connaitre les differentes variables HTTP et leur valeur ? 

Si vous desirez afficher rapidement toutes les variables HTTP disponibles et leur valeur, il suffit d'utiliser 
une simple fonction print_r() (encadree dans une balise <pre> pour ameliorer la mise en forme) 
comme dans I'exemple de script ci-dessous pour les variables de serveur (voir le resultat obtenu 
figure 5-18). A noter que cette methode sera particulierement interessante dans le cadre d'un debogage, 
afin de connaitre les valeurs de variables de session, de cookie ou encore passees en POST dans la 
page: 

echo "<pre>"; 
print_r($_SERVER); 
echo "</pre>"; 



Variables de jeux d'enregistrements 

Lorsque vous creez un jeu d'enregistrements dans une page dynamique avec Dreamweaver, 
les resultats retournes par le serveur MySQL sont disponibles dans la page sous forme d'un 
tableau de variables. Le nom du tableau est celui du jeu d'enregistrements cree, precede du 
prefixe $row_, et la cle est le nom du champ renvoye (exemple : $row_rsJeul[ 'champl ' ]). 

Procedures pour ajouter des variables de jeux d'enregistrements 

j3 Pour ajouter une variable d'un jeu d'enregistrements depuis le panneau Li ai sons, il suffit de 

I, suivre la meme procedure que pour les variables HTTP, decrite precedemment : le jeu etant 

u deja cree et disponible, placez la variable desiree dans le script PHP, a l'aide d'un glisser- 

o deplacer, pour que le code correspondant apparaisse dans la page. 

6 

| Les constantes 

.£P II est possible de definir des constantes a l'aide de la fonction define( ). Contrairement aux 

g- variables, les valeurs affectees initialement a une constante ne peuvent plus etre modifiees. 

o 
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3 Document sans litre ■ Microsoft Internet Explorer 



Fiehier Edition Aftehage Faypris Outile ? 



Adrease ;^Jhttp://tocalhost/SLTE5care/tesLphp 



H ok 
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Array 
t 

[HTTP_ACCEPT] => image/gif, image/ x-xbitmap, image/ J peg, image/ pj peg, application/; 

[HTTP_ACCEPT_LAHGUAGE] => fr 

[HTTP_ACCEPT_ENCODING] => geip, deflate 

[HTTP_USER_AGENT] -> Mozilla/4.0 (compatible; KSIE 6.0; Vindous NT 5.1) 

[HTTP_HOST] => localhost 

[ HTTP_CONNECTION] "> Keep-Alive 

[PATH] => C:\WINDOUS\system3 2 ;C:\UIHDOVS;C:WINDOWS\System3 2 \Bbem; "C:\Program File: 

[SystemRoot] => C:\HIHDOVS 

[COMSPEC] => C:\UIND0KTS\3y3teKi32\cmd.exe 

[PATHEXT) ■> .COM; .EXE; .BAT; .CKD; .VBS; .VBE; . JS; . JSE; .WSF; .USH 

[UINDIR] => C:\HINDOUS 

f.SERVER_SIGNATURE] => 
Apache/2. 0.55 (Win32) PHP/5 ■ 1. I Server at localhost Port SO 



[SERVER_SOFTUARE] => Apache/2 . . SS (Win32) PHP/5.1.1 

[SERVERJtfAME] => localhost 

[SERVERADDR] »> 127. D.O.I 

[SERVERPORT] -> SO 

E REMQTEADDR] -> 127.0.0.1 

[DOCUHEtJTROQT] => C:/wamp/lIVU 

[SERVERADMIN] => webraasterG localhost 

[SCRIPTFILENAHE] => C : /wamp/www/SITEscore/test . php 

[ REMOTEPORT] -> 322 6 

[GATEWAYINTERFACE] -> CGI/ 1.1 

[SERVER_PROTOCOL] => HTTP/ 1 . 1 

[ REQUESTHETHOD] "> GET 

[QUERYSTRING] => 

[ REQUESTURI] -> / SITEscore/ test . php 

[SCRIPTNAHE] -> / SITEscote/ test , php 

[PHP_SELF] => /SITEscore/ test. php 

[REQ.UESTTIME] •> 1137 62 3 4 17 

[argv] ■> Array 

( 

) 

targe] ■> 



£|Termine 



\i Intranet local 



Figure 5-18 

Pour qfficher toutes les variables serveur disponibles et leur valeur dans votre environnement, il suffit d'utiliser 
une simple fonction print _r($_SERVER) comme Villustre I'ecran ci-dessus. 

Les deux principaux avantages des constantes sont de rendre le code plus explicite et de 
pouvoir en modifier sa valeur en un seul point, alors qu'elles sont accessibles globalement en 
tout endroit du code (contrairement aux variables, qui ont une duree de vie limitee a l'execu- 
tion du script de la page). II est d'usage (mais ce n'est pas obligatoire) de nommer des cons- 
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Tableau 5-6 - Variable de jeu d'enregistrements geree par Dreamweaver 



Famille de variables 


Syntaxe 


Description 


Variable de jeu 


$row_rsJeu 1 ['champ! '] 


Les variables de jeux d'enregistrements 


d'enregistrements 




permettent d'utiliser les informations recuperees 


(ici, la syntaxe mentionnee 




apres une requete envoyee au serveur MySQL. 


correspond a un jeu nomme 






rsJeul). 







tantes avec des lettres en majuscules. Vous pouvez acceder a une constante en indiquant 
uniquement son nom (attention, contrairement aux variables, vous ne devez pas mettre de $ 
devant le nom). 

Tableau 5-7 - Definition d'une constante 

Syntaxe 

define (nom_constante, valeur) 

Exemple : definefREPJMAGES", Vmonsite/images/"); 

Pour definir une constante, il faut utiliser la fonction def ine( ). 

II est a signaler qu'il existe des constantes predefinies par PHP comme _FI LE_, qui contient le 
nom du fichier en cours d'utilisation, _LINE_, qui contient le numero de ligne actuellement 
execute, ou encore PHP VERSION, qui contient la version de PHP installee sur le serveur. 
(_FILE_et_LINE_sontcependant des exceptions et sont appelees « constantes magiques », car 
en realite leur valeur n'est pas figee comme une veritable constante mais peut evoluer au 
cours du programme.) 

Voici un exemple d'utilisation de constantes : 

def ineC'ANNEENAlSSANCE", 1960); 
define("TEXTE","Je suis ne "); 
echo TEXTE."en".ANNEENAlSSANCE; 
//affiche alors "Je suis ne en 1960"; 

1 Expressions et instructions 

§• Les expressions 

O 

M 

2 On appelle « expression » tout regroupement d' elements du langage de script pouvant 

=> produire une valeur (une simple variable $a peut done etre considered comme une expression, 

© puisqu'elle produit une valeur lors de son evaluation). Les expressions sont constitutes de 

.SP variables, d'operateurs ou encore de fonctions. On les utilise pour construire des instructions ; 

a, dans ce cas, elles sont terminees par un point-virgule et elles peuvent etre executees. Elles 

O 
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servent egalement pour elaborer des conditions de tests, que nous etudierons plus loin dans le 
paragraphe dedie aux structures de programme ; dans ce cas, elles sont converties en booleen 
TRUE ou FALSE lors de leur evaluation par l'interpreteur PHP. 

Voici quelques exemples d' expressions : 

$a=100 

$resul tit-fonction( ) 

if ($a>5) 

Les instructions 

On appelle « instruction » une expression terminee par un point-virgule. Les instructions sont 
traitees ligne par ligne lors de 1' interpretation du code PHP. 

Voici quelques exemples d' instructions : 

$a=100;//cette premiere instruction affecte la valeur 100 a la variable $a 
echo $a;//cette deuxieme instruction affiche la valeur de $a (soit 100) 



Les operateurs 



Les operateurs permettent de Her des variables ou des expressions entre elles. II existe diffe- 
rentes families d' operateurs selon les fonctions realisees ou les expressions avec lesquelles on 
peut les employer (affectation, arithmetique, comparaison, logique ou de chaine). 

Operateurs d'affectation 

L'operateur d'affectation est le plus courant. On peut aussi l'utiliser sous une forme compacte 
integrant une operation arithmetique puis une affectation. 

Tableau 5-8 - Operateurs d'affectation 





Symbole 


Definition 


= 




affectation de base 


+= 




addition puis affectation 


-= 




soustraction puis affectation 


*_ 




multiplication puis affectation 


/= 




division puis affectation 


%= 




modulo puis affectation 



L'operateur d'affectation de base permet d'attribuer une valeur issue d'une expression. Les 
autres operateurs d'affectation permettent en plus de realiser des operations arithmetiques 
d'une maniere tres compacte. 
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Voici quelques exemples : 

$varl=0;//affectation de base (initialisation de $varl a 0) 

echo $varl; 

$varl+=2;//ici $varl vaut 2 (0+2) 

echo $varl; 

$varl+=14;//et maintenant $varl vaut 16 (2+14) 

echo $varl; 

Operateurs arithmetiques 

Lorsqu'on gere des variables de type numerique, on dispose d'operateurs arithmetiques 
pouvant realiser toutes les operations mathematiques standards. II est a noter que si on desire 
forcer la priorite d'execution d'une operation, il est possible d'utiliser les parentheses pour 
encadrer l'expression dont on doit se servir en premier. Enfin, 1' incrementation et la decre- 
mentation (addition ou soustraction d'une unite) sont souvent employees en programmation, 
et PHP fournit des operateurs specifiques pour cette action (++ et --). Notez a ce sujet que 
vous pouvez placer les operateurs avant ou apres la variable, la difference etant que celle-ci 
est modifiee avant (ex : ++$a) ou apres ($a++) le retour du resultat de l'expression. 

Les operateurs arithmetiques permettent d'appliquer tout type d' operation mathematique a 
des variables de type numerique 

Symbole Definition 

+ addition 

soustraction 
/ division 

* multiplication 

% modulo : l'expression $a % $b retourne le reste de la division de $a par $b. 

++ increment ($a++ ou ++$a) 

decrement ($a~ ou ~$a) 

Voici quelques exemples : 

$varl-5+2;//addition de deux valeurs numeriques 

echo $varl; 

$var2-2+$varl;// addition d'une valeur numerique et d'une variable 

echo $var2; 

// 

$var5=14; 

$var4-$var5%5; //14 modulo 5 est egal a 4 (14/5=2 et reste 4) 

echo $var4 ; 



§■ II- 
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$var3-($var2+$varl)/2; 

//utilisation des parentheses pour forcer les priorites des operateurs 
echo $var3; 

++$var3; //apres cette incrementation, la variable est egale a "$var3+l" 
echo $var3; 

Operateurs de comparaison 

Les operateurs de comparaison sont utilises dans les expressions de condition des structures 
de programme (voir paragraphe sur les structures de programme de ce meme chapitre), ou 
encore avec l'operateur ternaire presente ci-apres. Ces operateurs permettent de comparer 
deux expressions. L'expression resultant de cette comparaison est egale a TRUE (vrai ou 
encore 1) lorsque la condition a controler est verifiee, ou a FALSE (faux ou encore 0) dans le 
cas contraire. 





Tableau 5-9 - Operateurs de comparaison 


Symbole 


Definition 


= 


egal 


< 


inferieur strict 


> 


superieur strict 


<= 


inferieur ou egal 


>= 


superieur ou egal 


!= 


different 



L'operateur de comparaison permet d'elaborer des expressions de conditions que vous 
pouvez utiliser dans les instructions de structure de programme (if, while, for...). 

Voici quelques exemples d'utilisation d'expressions de condition : 

$varl=5; //initialise la variable pour le test 

$var2=($varl==5) ;//eval uation de la condition, attention il y a deux signes "=" 

//teste si $varl est egale a 5. Apres 1 'evaluation de cette expression de 

//condition, la variable $var2 prend la valeur "TRUE" dans le cas present 

//et devient done une variable de type booleen. 

echo $var2; 

//si le test est positif, $var2 affiche "TRUE" 

// 



if($varl>2) //teste l'expression de condition 
{echo "le test est positif";} 
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II 

echo ($virl>2)?"le test est positif" :"le test est negatif"; 
//utilisation d'une expression de condition avec l'operateur ternaire 

Operateur ternaire 

L'operateur ternaire permet de realiser un test rapide d'une expression de condition et d'effec- 
tuer une action specifique selon le resultat du test, tout en restant une instruction tres 
compacte. Nous verrons plus loin qu'il est aussi possible d'utiliser les structures de choix 
(avec les instructions if et else) pour realiser la meme action, mais que, dans ce cas, la 
syntaxe est moins dense. 

Tableau 5-10 - Operateur de choix ternaire 

Syntaxe 

[expression de condition]?[expression effectuee si vrai]:[expression effectuee si faux] 
Exemple: ($var1 >2)?($var3="oui"):($var3="non") 



Dans le cas ou $var1 est superieure a 2, oui est affecte a $var3, sinon c'est non. 



L'operateur de choix ternaire permet de realiser l'equivalent d'une petite structure de choix 
comparable a l'utilisation de if et de else. 

Voici un exemple : 

$lg="fr"; 

echo ($lg=="fr")?"bonjour": "hello"; 

//le test ternaire est tres bien adapte a la personnal isation d'un petit texte 

//selon la langue choisie par 1 'util isateur (a 1'aide d'une variable "$lg" 

//initialised avec "fr" ou "en" par exemple). 

Operateurs logiques 

Les operateurs logiques permettent de composer des expressions de condition complexes, a 
partir de variables booleennes ou d'autres expressions de condition. Ici aussi, vous pouvez 
utiliser les parentheses pour forcer les priorites entre les operateurs, ou simplement pour 
ameliorer la lisibilite du code en encadrant les expressions de condition. 

Tableau 5-11 - Operateurs logiques 



Symbole 


Exemple 


Fonction 




definition 


&& 


$var1 && $var2 


ET 


Renvoie TRUE (vrai 
sont TRUE. 


si les deux variables $var1 ET $var2 


AND 


$var1 AND $var2 
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Tableau 5-11 - Operateurs logiques (suite) 



Symbole 


Exemple 


Fonction 


definition 


II 


$var1 || $var2 


OU 


Renvoie TRUE (vrai) si au moins I'une des deux variables 
$var1 OU $var2 est TRUE. 


OR 


$var1 OR $var2 






XOR 


$var1 XOR $var2 


OU exclusif 


Renvoie TRUE (vrai) si I'une des deux variables $var1 OU 
$var2 est TRUE, mais pas les deux ensemble. 


! 


!$var1 


Negation 


Renvoie la negation de $var1 . 



L'operateur logique permet de relier logiquement deux expressions booleennes. 
Void deux exemples : 

if($varl>2) AND ($varl<5) 

{echo "la variable $varl est plus grande que 2 mais inferieure a 5";} 
// 
if($varl=="jean") OR ($varl=="f red") OR ($varl=="marie" ) 

{echo "la variable $varl est jean, fred ou marie";} 



Operateurs de concatenation 

L'operateur de concatenation est souvent manipule pour former des expressions a partir 
d'elements de differents types (variable avec du texte par exemple) ou a partir d'autres 
expressions. L'operateur employe pour relier ces expressions est le point. Comme pour les 
operateurs arithmetiques, il existe une forme compacte d' affectation d'une concatenation. 
Cette forme est frequemment utilisee pour cumuler differentes expressions dans une meme 
variable (voir exemple ci-apres). 

Tableau 5-12 - Operateur de concatenation 

Syntaxe 

Forme normale : [expression 3]=[expression 1]. [expression 2] ; 

Legende : [xxx] : le code xxx est facultatif 

(attention : vous ne devez surtout pas saisir les crochets [ et ] dans le code) 

Exemple : $var3=$var1 ."Euros" ; // si $var1 est egale a 50, alors $var3 est egale a "50 Euros" 

Forme compacte : [expression 3].=[expression 2] ; 

Exemple $var1="Monsieur"; 
$var1 .="Dupond"; 
Apres ces deux instructions, $var1 est egale a Monsieur Dupond. 
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resultat a l'expression de gauche. 
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Voici quelques exemples : 

$varl="jean" ; 

$var2="fred"; 

$var3=$varl." et ".$var2; 

echo $var3;//on affiche "jean et fred " a l'ecran 

// 

$var3="Bonjour" ; 

$var3.=$varl; 

$var3.=" et "; 

$var3.=$var2; 

echo $var3;//on affiche "Bonjour jean et fred" a l'ecran. 

Structures de programme 

En pratique, il est rare d'avoir des programmes simplement constitutes d'une succession 
d' instructions. En effet, pour controler leur deroulement, il est tres interessant de structurer les 
programmes PHP en utilisant des blocs (delimites par des accolades { et }), des structures de 
choix (i f , el se...) et des boucles (whi 1 e, for...). Cette partie vous presente les principaux compo- 
sants utilises dans ces structures afin de vous permettre de realiser des programmes plus elabores. 

Les blocs 

Vous pouvez regrouper les instructions a l'aide d'accolades ouvrante { et fermante } pour 
constituer des blocs de structure. Chaque bloc ainsi constitue se comporte a son tour comme 
une instruction, et vous pouvez regrouper un ensemble de blocs au sein d'un autre bloc. La 
creation d'un bloc isole, comme dans l'exemple ci-apres, n'a pas d'application pratique ; en 
revanche, les blocs sont frequemment utilises dans differentes structures de programme, et 
notamment dans les structures de choix, de boucles ou lors de la declaration de fonctions. 

//exemple d'un bloc simple 
{ 

$varl="bonjour" ; 
echo $varl; 

I } 

M 

§■ Structures de choix 

o 

o 

o Structures de choix avec if 

o 

© Les structures de choix sont utilisees pour traiter les alternatives logiques au cours de l'execu- 

.«> tion du script, afin d'orienter le deroulement du programme en fonction du resultat de l'alter- 

a, native. Elles comprennent done en general une expression de condition qui permet de deter- 

u miner l'orientation a prendre. Les expressions de condition sont constituees de variables ou de 

constantes reliees par des operateurs logiques. Si l'expression de condition entre parentheses 



PHP/MySQL avec Dreamweaver 8 



est vraie, alors l'instruction qui suit est executee, sinon il ne se passe rien et le programme 
continue son deroulement apres le bloc du if (voir figure 5-19). 



Figure 5-19 

Structure de choix if. 



if(condition> 

y^ VRAI 


FAUX 




BLOC 1 


'! 








i 


r 





if(condition) 



instruction!; 



Tableau 5-13 - Instruction conditionnelle if 
Syntaxe 



if (expression_de_condition){ 
instructionl ; 
instruction2; 



} 



Forme simplifies (s'il n'y a qu'une seule instruction a traiter) :if (expression_de_condition)instruction1 ; 



Voici un exemple : 

if ($varl>4) 
echo "la valeur est superieure a 4"; 

/* ci-dessus un exemple de structure "if" avec une seule instruction */ 

// 

if ($varl>4) 

{//debut du bloc IF 

echo "la valeur est superieure a 4"; 

echo "<br> el 1 e est exactement egale a $varl"; 
}//fin du bloc IF 
//ci-dessus un exemple de structure "if" avec un bloc d' instructions 



© 
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Structures de choix avec if et else 

La structure de choix utilisant 1' instruction if ne traite que les structures de programme oil la 
condition est vraie ; dans le cas contraire, aucune instruction n'est executee. Avec l'instruc- 
tion el se, vous pouvez definir les instructions a executer dans le cas oil la condition testee 
serait fausse. Ces instructions sont regroupees dans un autre bloc qui suit l'instruction else 
(voir figure 5-20). 



Figure 5-20 

Structure de choix 
if... else. 




BLOC1 



BLOC 2 



if( condition) 



instruction!.; 

> 
else 

instruction 2; 
} 
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Tableau 5-14 - Instructions conditionnelles if et else 
Syntaxe 



if (expression_de_condition) { 
instruction! ; 
instruction2; 

} 
else 

{ 

instruction3; 
instruction^ 



} 
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Voici un exemple : 

if ($varl>4) 

{ 

echo "la valeur est superieure a 4"; 

echo "<br> el 1 e est exactement egale a $varl "; 

} 
else 

{//debut du bloc ELSE 

echo "la valeur est inferieure ou egale a 4"; 

echo "<br> el 1 e est exactement egale a $varl"; 

}//fin du bloc ELSE 
//ci-dessus un exemple de structure "if" avec "else" 

Structures de choix avec if, elseif et else 

En pratique, lors d'un choix, il est frequent d' avoir plusieurs conditions a tester. Dans ce cas, 
il faut utiliser l'instruction el sei f , qui est en quelque sorte une combinaison du el se et du i f 
suivant ; elle se place a la suite d'une instruction if pour introduire le bloc a executer au cas 
ou sa condition serait fausse (comme le else), et introduit une nouvelle condition (comme le 
if). On peut ainsi creer autant de conditions imbriquees qu'on le desire selon le nombre 
d'instructions elseif utilisees (voir figure 5-21). 



Figure 5-21 

Structure de choix 
if.. .elseif.. .else. 




BLOC1 




BLOC 2 



BLOC 3 



if(conditionA) 

i. 
instruction!; 

> 

e I seif'( condition B) 



instruction 2; 

> 
else 

{ 

instruction3; 

> 
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Tableau 5-15 - Instructions conditionnelles if...elseif...else 
Syntaxe 



if (expression_de_condition) { 
instructionl ; 
instruction2; 

} 

elseif (expression_de_condition) 

{ 
instructions; 

instruction^ 

} 
else 

{ 

instructions; 

instruction6; 



} 



Voici deux exemples de cette structure : 

III Exempl e 1 
if ($varl>4) 

{ 

echo "la valeur est superieure a 4"; 

echo "<br> el 1 e est exactement egale a $varl"; 

} 
elseif ($varl>2) 

{//debut du bloc ELSEIF 

echo "la valeur est superieure a 2 mais inferieure ou egale a 4"; 

echo "<br> el 1 e est exactement egale a $varl"; 

}//fin du bloc ELSEIF 
else 

{ 

echo "la valeur est inferieure ou egale a 2"; 

echo "<br> el 1 e est exactement egale a $varl"; 

} 
/* ci-dessus un exemple de structure "if" avec "else" et une seule instruction 

"elseif" */ 
II Exemple 2 

if ($varl>4) 
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{ 

echo "la valeur est superieure a 4"; 

echo "<br> el 1 e est exactement egale a $varl"; 

} 
elseif ($varl>2) 

{//debut du bloc 1 ELSEIF 

echo "la valeur est superieure a 2 mais inferieure ou egale a 4"; 

echo "<br> el 1 e est exactement egale a $varl"; 

}//fin du bloc 1 ELSEIF 
elseif ($varl>l) 

{//debut du bloc 2 ELSEIF 

echo "la valeur est superieure a 1 mais inferieure ou egale a 2"; 

echo "<br> el 1 e est exactement egale a $varl"; 

}//fin du bloc 2 ELSEIF 
el se 

{ 

echo "la valeur est inferieure ou egale a 1"; 

echo "<br> el 1 e est exactement egale a $varl"; 

} 
/* ci-dessus un exemple de structure "if" avec "else" et deux instructions 
"elseif" */ 

Structures de choix avec switch. ..case 

A la place d'une structure avec plusieurs elseif, comme ci-dessus, il est judicieux d'utiliser 
une structure exploitant l'instruction switch. Celle-ci permet de tester l'egalite d'une valeur 
passee en parametre (val eur_testee) avec une serie de valeurs possibles (val eurl, val eur2...). 
Si l'une des valeurs Concorde avec la valeur testee, alors le bloc d' instructions correspondant 
est execute (voir figure 5-22). Cependant, la realisation des instructions doit se terminer par 
une instruction break, afin que le programme puisse sortir de la structure de choix. On peut 
ajouter une branche default a la fin d'un bloc, afin de traiter tous les cas non prevus dans la 
structure. 
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Figure 5-22 

Structure de choix 
SWITCH...CASE. 




sw itch (vaieur testes } 

case valeurl : 

instruction 1; 
break; 



case valeur2 : 

instruction 2; 
break; 



case valeur3 : 

instruction3; 
break; 



default : 



instructionD; 



switch (valeurjestee) { 
case valeurl : 

instructionl ; 

break; 
case valeur2: 

instruction2; 

break; 
case valeur3: 

instructions; 

break; 



Tableau 5-16 - Instruction SWITCH...CASE 
Syntaxe 



default: 
instructionD; 
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Voici un exemple illustrant cette structure de choix : 

$varl="fr"; //cette variable memorise la langue choisie par l'internaute 

sw1tch($varl) 

{ 

case "fr": 

echo "Bonjour"; 

break; 

case "en": 

echo "Hello"; 

break; 

case "es": 

echo "Hola"; 

break; 

case "de": 

echo "Guten Tag"; 

break; 

} 

//ci-dessus un exemple qui dit "bonjour" dans la langue de l'internaute 

Structures de boucle 

Structures de boucle avec while 

Lorsqu'un ensemble d' instructions doit etre execute plusieurs fois en fonction d'une condi- 
tion, il est interessant d'utiliser les structures de boucles. La structure la plus simple en PHP 
est realisee a l'aide de l'instruction whi 1 e. Le bloc d'instructions est execute et repete tant que 
l'expression de condition retourne TRUE (vrai). Lorsque la condition est ou devient fausse 
( FALSE), le programme sort de la boucle pour continuer et pour passer aux instructions qui se 
trouvent apres la fin du bloc (voir figure 5-23). Pour cette structure, il est frequent d'employer 
une variable dediee au compteur de boucle (exemple : $i). Vous devez initialiser cette 
variable avant la boucle ; ensuite, elle est testee dans l'expression de condition, puis incre- 
ments (ou decrementee selon les cas) dans le corps de boucle. La valeur de l'expression de 
condition etant evaluee avant chaque debut de boucle, les instructions du bloc peuvent ne 
jamais etre executees si la condition est a FALSE des le debut. II est a noter enfin que pour faire 
evoluer le compteur de boucle, on utilise generalement un operateur d' incrementation ou de 
decrementation ($i++ ou $i - -) ; il faut veiller a bien choisir le type d' operateur en fonction de 
la valeur de 1' initialisation du compteur et de l'expression de condition choisie, sinon vous 
risquez d'obtenir une boucle infinie. 
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Figure 5-23 

Structure de boucle 
WHILE. 



initialisation 
compteur 



compteur=valeurlnit 




BLOC 1 



evolution 
compteur 



while(conditionl) 



instruction!; 

++compteur; 



Tableau 5-17- 


- Instruction de boucle WHILE 


Syntaxe 


while (expression_de_condition) { 

instruction.1 ; 

instruction2; 
} 
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Voici deux exemples de boucle whi 1 e : 

II Exemple 1 

$i-5; //initialisation du compteur de boucle a 5 
while($i>0) 

{ 

echo "Encore $i tour(s) a faire <br>"; 

$i--; //decrementation du compteur de boucle 

} 
echo "Voila, c'est enfin termine"; 

/* ci-dessus un exemple qui affiche 5 fois le meme texte (tant que $i est superieur 
a 0) avant d'afficher le texte final. */ 
II Exempl e 2 

$i-0; //initialisation du compteur de boucle 
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while($i>0) 

{ 

echo "Encore $i tour(s) a faire <br>"; 

$i--; //decrementation du compteur de boucle 

} 
echo "Voila, c'est enfin termine"; 

//ci-dessus un exemple qui n'affiche pas le texte du corps de boucle car 
//I 'expression de condition est fausse des le debut. 

Structures de boucle avec do et while 

La structure do... while est semblable a la precedente, mais l'expression de condition est 
evaluee apres la premiere execution du bloc (le corps de boucle) : celui-ci est done toujours 
execute au moins une fois, meme si l'expression de condition est fausse des le debut (voir 
figure 5-24). II est a noter que Dreamweaver utilise cette structure de boucle pour realiser le 
comportement serveur Region repetee. 

Voici deux exemples de boucle do . . .whi 1 e : 

II Exempl e 1 

$i-5; //initialisation du compteur de boucle 
do 

{ 

echo "Ce texte est affiche au moins une fois <br>"; 

$i--; //decrementation du compteur de boucle 

} 
while($i>0); 
echo "Fin"; 

/* ci-dessus un exemple qui affiche 5 fois le meme texte (tant que $i est superieur 
a 0) avant d'afficher le texte final. */ 
II Exempl e 2 

$i-0; //initialisation du compteur de boucle 
do 

{ 

echo "Ce texte est affiche au moins une fois <br>"; 

$i--; //decrementation du compteur de boucle 

} 
while($i>0); 
echo "Fin"; 

/* ci-dessus un exemple qui affiche le texte une seule fois car l'expression de 
condition est fausse des le premier tour. */ 
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N'oubliez pas le point virgule ! 

Contrairement aux boucles while traditionnelles, la boucle do . . . wh 1 1 e necessite la presence d'un point 
virgule apres les parentheses de I'expression de condition du whi 1 e. 



Figure 5-24 

Structure de boucle 
DO...WHILE. 



Initialisation 
compteur 




[ 



compteur=valeurlnit 
do 

{ 

instruction!; 

++compteur; 

> 



while( condition) 



Tableau 5-18 - Instruction de boucle DO. ..WHILE 
Syntaxe 



do { 
instruction! ; 
instruction2; 

} 
while (expression_de_condition) ; 



o- 

c 
O 



Structures de boucle avec for 

L'instruction for est une troisieme solution pour traiter les boucles. La syntaxe est cependant 
radicalement differente de celle des deux precedentes structures, car les parentheses de 
l'instruction contiennent trois expressions differentes separees par des points- virgules. Dans 
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le cas de boucles imbriquees, cette syntaxe tres compacte est particulierement appreciable en 
termes de lisibilite du code. 

Tableau 5-19 - Instruction de boucle FOR 



for (expression^,, 
instruction! ; 
instruction2; 



.];expression2[,. 



Syntaxe 

];expression3[,...]) { 



} 
Legende 



expressionl : expression evaluee en debut de boucle. II est frequent d'utiliser cette expression pour 

initialiser le compteur de boucle a I'aide de I'operateur d'affectation (ex : $i = 5). 

expression2 : expression evaluee au debut de chaque passage de boucle. Si le resultat de revaluation 

est TRUE (vrai), alors le bloc d'instructions de la boucle est de nouveau execute et, dans le cas contraire, 

le programme sort de la boucle pour executer les instructions qui suivent le bloc. II est frequent d'utiliser 

cette expression pour tester le compteur de boucle a I'aide d'un operateur de comparaison (ex : $i > 0). 

expressions : expression evaluee a la fin de chaque boucle. II est frequent d'utiliser cette expression pour 

incrementer ou decrementer le compteur de boucle a I'aide d'un operateur d'auto-incrementation ou 

decrementation (ex : $i ■■). 

II est a noter que, pour chaque zone (delimitee par un point-virgule), il est possible d'executer plusieurs 

expressions qui doivent etre separees par de simples virgules. Cela permet notamment de gerer 

plusieurs variables de compteur. 

ex : for ($i=5,$x=1 ;$i>0;$i--,$x++) 

[xxx] : le code xxx est facultatif 

(Attention : vous ne devez surtout pas saisir les crochets [ et ] dans le code.) 



Voici un exemple de bloc for : 

for ($i-5;$1>0;$1--) 

{ 

echo "Encore $i tour(s) a faire <br>"; 

} 
echo "Voila, c'est enfin termine"; 

//ci-dessus un exemple qui realise la meme boucle que celle donnee en exemple pour 
//I ' instruction "while". 



Structures de boucle avec foreach 

II est egalement possible d'utiliser la boucle foreach, dediee a la manipulation des tableaux de 
variables. Cette boucle permet en effet de lire rapidement le contenu d'un tableau sans avoir 
a ecrire beaucoup de code. Vous avez le choix entre deux syntaxes selon le type de tableau a 
lire (indice ou associatif). Le principe de cette instruction est semblable a celui d'une boucle 
pour laquelle un pointeur interne au tableau est place au debut, sur le premier element du 
tableau (0 pour les tableaux indices et la premiere cle pour les tableaux associatifs). A chaque 
tour de boucle, la variable $var (voir tableau ci-dessous) contient la valeur de l'element 
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pointe : vous pouvez ainsi l'exploiter dans les instructions du corps de boucle. A la fin de 
chaque boucle, le pointeur se deplace sur 1' element suivant dans le tableau, et ainsi de suite 
jusqu'a la fin du tableau. II est a noter que dans la syntaxe du tableau associatif, il est aussi 
possible d'exploiter la cle de chaque element ($cl e) dans les instructions du corps de boucle. 

Tableau 5-20 - Instruction de boucle pour tableaux FOREACH 

Syntaxe pour tableau indice 

foreach($tableau as $var) { 
instruction utilisant $var; 
} 
Syntaxe pour tableau associatif 

foreach($tableau as $cle=>$var) { 
instruction utilisant $cle et $var; 
} 



Voici deux exemples d'application de l'instruction foreach : 

II Exemple 1 

$agence=array( "Paris" , "Li 1 le" , "Marseil le" ) ; 
foreach ($agence as $ville) 

{ 

echo "Vil 1 e : $vi lie <br>"; 

} 
/* ci-dessus un exemple qui affiche toutes les villes des agences contenues 

dans le tableau indice $agence. */ 
/I Exemple 2 

$agence=array( "centre"=>" Paris" , "nord"=>" Li 1 le" , "sud"=> "Marseil 1 e" ) ; 
foreach ($agence as $cle=>$ville) 

{ 

echo "L'agence du secteur $cle se trouve a $ville <br>"; 

} 
/* ci-dessus un exemple qui affiche tous les secteurs et les villes 
correspondantes aux agences contenues dans le tableau associatif $agence. */ 

I Instructions de controle 

w 

| Instruction de controle avec break 

o 

§ Dans certaines applications, il peut s'averer necessaire de sortir de la boucle avant que 

<^ l'expression de condition ne 1'impose (ceci est valable pour toutes les boucles : while, 

_£ do. . .while, for, switch. . .case et foreach). Dans ce cas, on peut utiliser l'instruction break 

n pour quitter la boucle et pour que le programme passe a 1' execution des instructions qui se 

o trouvent apres celle-ci. Si plusieurs boucles sont imbriquees, il est alors possible de preciser 
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combien de boucles doivent etre stoppees avec l'argument n de 1'instruction : break n. 
L' execution du programme passe alors directement a la boucle de niveau superieur, si elle 
existe (par defaut, cet argument est egal a 1). II est a noter que cette instruction est obligatoire 
dans les structures switch. . .case afin d'eviter d'executer les instructions qui suivent la 
branche du case selectionne. 





Tableau 5-21 - Instruction de controle de boucle BREAK 


m 


Syntaxe 


break [n] 


Legende : 


n : nombre de boucles imbriquees qui sont interrompues. 

Par defaut, n est egal a 1 . 

[xxx] : le code xxx est facultatif 

(attention : vous ne devez surtout pas saisir les crochets [ et ] dans le code). 



Voici un exemple d'application de 1'instruction break : 

$i=5; //initialisation du compteur de boucle 
while($i>0) 

{ 

if ($commande[$i ]="arret") 
{break;} //arrete la boucle si cette variable est egale a "arret" 

echo "Encore $i tour(s) a faire <br>"; 

$i--; //decrementation du compteur de boucle 

} 
echo "Voila, c'est enfin termine"; 

/* ci-dessus un exemple qui reprend le script de la premiere boucle while, dans 
lequel on a ajoute une instruction break conditionnee par la variable $commande. 
Si 1 'expression de condition renvoie TRUE alors le programme sort de la boucle 
avant sa fin normale et le message de fin s'affiche. */ 



Instruction de controle avec continue 

L'instruction continue est egalement une instruction de controle de boucle, mais, contraire- 
ment a Taction break, elle permet de passer seulement au passage de boucle suivant. De meme 
que pour break, on peut lui preciser, par le biais d'un argument optionnel, le nombre de 
passages de boucle qu'on desire court-circuiter. 
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continue [n] 
Legende : 



Tableau 5-22 - Instruction de controle de boucle CONTINUE 
Syntaxe 



n : nombre de passages de boucle qui sont ignores. 

[xxx] : le code xxx est facultatif 

(attention : vous ne devez surtout pas saisir les crochets [ et ] dans le code). 



Voici un exemple d' application de l'instruction continue : 

$i=5; //initialisation du compteur de boucle 
while($i>0) 

{ 

if C ! ($i%2)) 

{continue;} //court-circuite l'affichage des tours impairs 

echo "Encore $i tour(s) a faire <br>"; 

$i--; //decrementation du compteur de boucle 

} 
echo "Voila, c'est enfin termine"; 

/* ci-dessus un exemple qui reprend le script de la premiere boucle while, dans 
lequel on a ajoute une instruction "continue" qui est executee pour tous les tours 
impairs (grace a 1 'utilisation de l'operateur modulo dans 1 'expression de 
condition !($1Z2)). Au final, l'affichage du message de boucle est realise 
uniquement sur les tours pairs. */ 



o- 

c 
O 



Redirection interpage 

Nous venons d'etudier differentes structures qui permettent de gerer le cheminement du 
programme au sein d'une meme page. Cependant, il est frequent de devoir rediriger le 
programme automatiquement vers une autre page du site. Cette redirection peut etre le resultat 
d'un test de condition (revoir les instructions de choix if, else, elseif et switch) ou bien se 
situer a la fin d'un script PHP (par exemple : apres un script d'ajout d'un nouvel enregistre- 
ment, il est interessant de rediriger l'internaute vers une page affichant la liste actualisee de 
tous les enregistrements presents dans la base). Pour realiser une redirection dans un script 
PHP, il existe plusieurs solutions utilisant des langages differents (PHP, JavaScript ou 
HTML). Chacune de ces solutions ayant ses avantages et ses inconvenients, nous vous propo- 
sons de les commenter ci-dessous, afin que vous puissiez utiliser la technique la mieux 
adaptee a vos besoins. 

Redirection en PHP 

La fonction header( ) permet de rediriger l'internaute vers une page ou une URL sans inter- 
vention de sa part. L' inconvenient de cette fonction est que vous devez toujours 1' utiliser 
avant tout envoi vers le navigateur, qu'il s'agisse de codes HTML ou d'affichages provoques 
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par des fonctions PHP comme echoO ou printO. II faut done veiller particulierement a ce 
que cette fonction soit appelee au debut du script. 

Tableau 5-23 - Fonction de redirection HEADER() 

Syntaxe 

header("Location:nom_cible") 

Legende : nom_cible : la cible vers laquelle on redirige I'internaute peut etre un chemin relatif comme 

monfichier.php ou un chemin absolu comme http://www.agencew.com. 



Voici un exemple de redirection PHP par la fonction header ( ) : 

<?php 

/* ce script permet de rediriger I'internaute vers la page suite. php */ 

header ("Locati on: suite. php") ; 

?> 

Voici maintenant un exemple de redirection PHP par la fonction headerO conditionnee par 
1' instruction if : 

<?php 

//ce script permet de rediriger I'internaute selon 1'etat de la variable 

//$profil vers la page suite. php 

if ($prof il=="admin" ) 

header ("Locati on: suite. php") ; 
?> 



Attention aux lignes vides avec les en-tetes ! 

II arrive souvent qu'une ligne vide (ou un simple espace) s'insere avant votre premiere balise PHP. Dans 
ce cas, aucune fonction agissant sur les en-tetes ne pourra etre executee (affichage d'un message 
d'erreur: Warning: Cannot modify header information). II en est de meme si vous affichez une 
chaine de caracteres avec echo( ) ou pri nt( ) avant d'appeler ces memes fonctions (ce qui est souvent 
le cas en phase de debogage...). 



Redirection en JavaScript 

JavaScript possede aussi une fonction de redirection que vous pouvez exploiter dans le meme 
contexte. II faut alors utiliser la methode wi ndows. locati on () pour realiser cette action. Vous 
pouvez emuler le script JavaScript grace a la fonction echo( ), comme pour une balise HTML, 
sinon il est place en dehors des balises PHP (voir les exemples ci-apres). Cette solution 
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presente l'avantage de pouvoir intervenir a tout endroit de la page, contrairement a la fonction 
header( ), et de pouvoir etre temporisee si on l'utilise avec la fonction setTimeout( ). 

Void un exemple de redirection JavaScript emulee par la fonction echo( ) : 

<?php 

//ce script permet de rediriger 1'internaute vers la page suite. php 

echo "<script language=\"JavaScript\" type=\"text/javascript\">" ; 

echo "document.location-\"suite.php\";"; 

echo "</script>" ; 

?> 

Voici maintenant un exemple de redirection instantanee avec JavaScript : 

<?php 

//le script PHP de cette page est execute puis 1'internaute est 

//redirige vers la page suite. php. 

?> 

<script 1 anguage="JavaScript" type="text/javascript"> 

<!-- 

document. location="suite. php"; 

//--> 

</script> 

Ce troisieme exemple montre une redirection temporisee avec JavaScript : 

<script 1 anguage="JavaScript" type="text/javascript"> 

function redirection(){ 
document. location="suite. php"; 
} 

//--> 
</script> 

<body onl_oad="setTimeout( 'redi recti on ( ) ' ,2000)"> 

<?php 

echo "Vous allez bientot etre redirige"; 

/* Ce script permet de rediriger 1'internaute vers la page suite. php apres 

une temporisation reglable. */ 
?> 



o. 
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Dans l'exemple ci-dessous, il s'agit d'une redirection instantanee avec JavaScript et condi- 
tionnee par 1' instruction PHP if : 

<?php 

//L'internaute est redirige vers la page suite. php 

//selon la valeur de la variable $admin 

if ($prof il=="admin" ) 

{//debut du bloc conditionne 

?> 

<script 1 anguage="JavaScript" type="text/javascript"> 

<!- 

document . 1 ocati on="sui te . php" ; 

//--> 

</script> 

<?php 

}//fin du bloc conditionne 
?> 

Redirection en HTML 

II existe une troisieme possibility pour rediriger un internaute vers une autre page. Cette solu- 
tion consiste a utiliser la balise META Refresh du HTML. Comme pour le JavaScript, vous 
pouvez soit emuler cette balise par la fonction echo au sein d'un script PHP, soit l'exploiter 
normalement en dehors des balises PHP. Cette solution a aussi l'avantage de pouvoir etre 
placee a tout endroit de la page, contrairement a la fonction headerO, et de pouvoir etre 
temporisee selon les besoins (l'attribut content indique le nombre de secondes de la tempori- 
sation). 

Voici un exemple de redirection instantanee avec la balise META executee par la fonction 
echoO : 

<?php 

echo "<meta http-equiv-\"Refresh\" content-\"0; url-suite.php\">"; 

?> 

■ 

Ce deuxieme exemple est une redirection temporisee avec la balise META en dehors des balises 
PHP: 

<?php 

echo "Vous allez bientot etre redirige"; 

?> 

<meta http-equiv-"Refresh" content-"2; url-suite.php"> 
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Ce troisieme exemple est une redirection avec la balise META et conditionnee par l'instruction 
PHP if: 

<?php 

//l 'internaute est redirige vers la page suite. php 

//selon la valeur de la variable $admin. 

if (Sprofil ==" admin") 

{//debut du bloc conditionne 

?> 

<meta http-equiv="Ref resh" content-"0; url=suite.php"> 

<?php 

}//fin du bloc conditionne 
?> 

A la fin de ce chapitre, vous trouverez un exemple d'application des structures de programme 
au projet SCORE : il cree une page d'affichage des resultats des statistiques sous forme d'histo- 
gramme. 

Fonctions utilisateur 
Gestion des fonctions utilisateur 

Declaration et utilisation des fonctions 

Une fonction permet d'exploiter une meme partie de code a plusieurs reprises dans un 
programme, ce qui est tres interessant pour les routines standards souvent utilisees en 
programmation (affichage d'une valeur, calculs mathematiques courants, conversions...). 
PHP propose de nombreuses fonctions integrees en standard, que nous etudierons dans la 
partie suivante (echo( ), par exemple), mais il est aussi possible de realiser ses propres fonc- 
tions en les declarant a l'aide du mot-cle functionO. Dans une fonction, il est possible 
d'exploiter des variables sans risque de conflit avec celles du programme principal, car elles 
n'ont qu'une portee locale. La declaration d'une fonction comporte une tete et un corps. Le 
mot-cle function est place dans la tete de la fonction, suivi du nom de la fonction et, entre 
parentheses, de la liste des arguments attendus separes par une virgule (lorsque la fonction ne 
comporte pas d'argument, alors les parentheses sont vides). La tete de la fonction est suivie 
du corps encadre par des accolades (comme pour un bloc). Les fonctions ont generalement 
une valeur de retour, designee par le mot-cle return suivi du resultat renvoye dans le 
programme. II est important de bien comprendre que la valeur retournee avec return 
(exemple : return Ires) se substitue a l'appelde la fonction (exemple : moyenne(4,6)) dansle 
programme principal, et qu'il est alors possible d'affecter ce resultat a une autre variable 
(exemple : $moncal cul=moyenne(4,6) ;) pour l'exploiter ulterieurement. 
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Tableau 5-24 - Fonctions utilisateur 



Syntaxe de la declaration dune fonction 

function nom_de_fonction (arg1,arg2...) 

{ 

instructionl ; 
instruction2; 

[return $varO;] 
} 

Syntaxe de I'utilisation d'une fonction 
nom_de_fonction (arg1,arg2...) ; 

Remarques : - Le nom de la fonction ne doit comporter ni espace ni point. 

- Les parentheses permettent de passer des arguments separes par des virgules. 

- Les arguments peuvent etre des variables ou des constantes. 

- La duree de vie d'une variable de fonction est limitee au temps d'execution de la fonction. 

- return permet de retourner une variable resultat $varO dans le programme, mais sa presence n'est 
pas obligatoire. 

- [xxx] : le code xxx est facultatif 

(attention : vous ne devez surtout pas saisir les crochets [ et ] dans le code). 



Exemple : Creation d'une fonction moyenne() pour le calcul de la moyenne de deux valeurs. 

//Declaration de la fonction 

function moyenne ($a,$b) //tete de la declaration 

{ //debut du corps 

$res=($a+$b)/2; //instructions de la fonction 

return $res; //information retournee au programme 

} //fin du corps 

//Utilisation de la fonction dans le programme 

$moncalcul=moyenne(4,6); //appel de la fonction 
echo "la moyenne de 4 et de 6 est egale a $moncalcul"; 



Utilisation avancee des fonctions 

Avec le mot-cle return, il est possible de renvoyer une variable resultat dans le programme 
principal. Cependant, dans certaines applications, il est utile de recuperer plusieurs valeurs de 
resultat. Dans ce cas, la solution consiste a utiliser un tableau en guise de variable retournee 
par returnO, comme l'illustre l'exemple ci-dessous : 



//Declaration de la fonction 

function calcul ($a ,$b,$c) 

{ 

$resl=($a+$b); 

$res2=($a+$c); 

$res-array ($resl,$res2) ; 
//le resultat est un tableau de valeurs 

return $res; 
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} 

//Utilisation de la fonction dans le programme -- 

$moncal cul=calcul (4,6,5) ; 

echo $moncal cul [0] ; 

echo $moncalcul [1] ; 

/* appel de la fonction et recuperation du resultat dans le tableau $moncal cul [] , 

ainsi les 2 resultats du calcul peuvent etre exploites dans le programme 

principal . */ 

Les arguments d'une fonction peuvent devenir facultatifs s'ils sont parametres avec leur 
valeur par defaut dans la declaration. La valeur par defaut d'un argument doit obligatoirement 
etre une constante. De meme, il convient de mettre les arguments dotes d'une valeur par 
defaut a la fin de l'enumeration des arguments dans la parenthese. L'exemple ci-dessous 
reprend la meme fonction moyenne ( ) que precedemment, mais avec la possibilite de passer un 
troisieme argument optionnel : si celui-ci n'est pas passe dans l'appel de la fonction, il prend 
sa valeur par defaut, soit la valeur euros dans l'exemple ci-dessous. 

Voici un exemple avec passage de 2 parametres/3 arguments : 

//Declaration de la fonction 

function moyenne($a,$b,$c="euros") 
// $c est initialised avec euros par defaut 
{ 

$res=($a+$b)/2; 

$res.=$c; 
//ajoute 1 'unite au resultat ex : 5euros 

return $res; 

} 
//Utilisation de la fonction dans le programme -- 
Smoncal cul=moyenne(4,6) ; 

/* appel de la fonction avec 2 arguments uniquement */ 
echo "la moyenne de 4 et de 6 est egale a $moncalcul"; 
/* dans ce cas, la ligne ci-dessus affiche : 
"la moyenne de 4 et de 6 est egale a 5euros" */ 

Voici maintenant un exemple avec passage de 3 parametres/3 arguments : 



//Declaration de la fonction 

function moyenne ($a,$b,$c-"euros") 
I lie est initialisee a "euros" par defaut 
{ 

$res=($a+$b)/2; 



£ $res.=$c; 
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//ajoute 1 'unite au resulat ex : 5dollars 

return $res; 

} 
//Utilisation de la fonction dans le programme -- 
$moncalcul=moyenne(4,6,"dollars") ; 
//appel de la fonction avec 3 arguments 
echo "la moyenne de 4 et de 6 est egale a $moncalcul"; 
/* dans ce cas, la ligne ci-dessus affiche : 
"la moyenne de 4 et de 6 est egale a 5dollars"*/ 

Par defaut, les variables definies dans une fonction ont une portee limitee a la fonction (varia- 
bles locales). Ainsi, dans l'exemple precedent, vous pouvez tres bien exploiter la variable 
$res a la fois dans la fonction et dans le programme principal, sans risque de conflit. De 
meme, il n'est pas possible de recuperer la valeur qui a ete affectee a cette variable dans le 
programme principal sans la retourner avec le mot-cle return. II existe toutefois une solution 
pour augmenter la portee d'une variable, afin qu'elle puisse etre exploitee dans la fonction et 
dans le programme principal (variable globale) : il faut declarer la variable dans la fonction en 
utilisant le prefixe global, comme l'illustre l'exemple ci-dessous (attention, selon la version 
de votre PHP, la syntaxe pour la declaration et l'utilisation des variables globales peut varier, 
mais le principe reste le meme) : 

//Declaration de la fonction 

function moyenne($a ,$b) 
{ 

global $res; //la variable $res est maintenant de type global 

$res=($a+$b)/2; 

} 
//Utilisation de la fonction dans le programme -- 
moyenne(4,6) ; 

/* La variable $res peut maintenant etre exploitee dans le programme principal */ 
echo $res; //affiche la valeur 5 

Utilisation de fonctions externes 

Inclusion de fichiers avec requiref) 

Pour eviter de declarer dans chaque programme vos fonctions utilisateur, il est possible de les 
regrouper dans un meme fichier, mesfonctions.php par exemple, qui est insere dans le script 
grace a la commande requi re( ). Si le fichier appele ne se trouve pas dans le meme repertoire 
que le fichier appelant, il faut alors preciser le chemin pour acceder au fichier bibliotheque 
(exemple: require("bibliotheques\mesfonctions.php")). II existe aussi la variante 
requi re_once( ), qui evite d'inclure plusieurs fois le fichier appele. 
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Voici un exemple d'inclusion de fichier avec requi re( ) : 

// 

//contenu du fichier mesfonctions .php 

<? 

function moyenne ($a,$b ) 

{ 

$res=($a+$b)/2; 

return $res; 

} 
?> 
// 

/* Contenu d'un autre fichier utilisant les fonctions du fichier mesfonctions .php 
*/ 

<?php 

requi re ("mesfonctions. php") ; 
Smoncal cul=moyenne(4,6) ; 
// appel de la fonction 

echo "la moyenne de 4 et de 6 est Imoncalcul"; 
?> 

Inclusion de fichiers avec includeQ 

La commande requi re( ) est bien adaptee a l'inclusion d'un fichier regroupant des fonctions, 
car il ne doit etre appele qu'une seule fois en debut de la page. Cependant, cette commande 
n'est pas une fonction et elle reste independante des structures de programme. Vous ne 
pouvez done pas integrer une commande requi re( ) dans une boucle (car elle n'est executee 
qu'une seule fois, quel que soit le nombre de boucles) ou dans une structure de choix (car elle 
est toujours executee, que la condition de choix soit vraie ou fausse). Si vous desirez ajouter 
un fichier gere par une structure de programme, il faut utiliser la fonction incl ude( ).Elle est 
tres bien adaptee a l'inclusion de blocs de code que vous pouvez inclure plusieurs fois dans la 
meme page ou conditionner par une instruction de choix. Comme pour la fonction requi re( ), 
il existe aussi la variante incl ude_once( ), qui evite d'inclure plusieurs fois le fichier appele. 

Voici un exemple illustrant la difference entre includeO et requireO : 

if ($condition=="oui " ) 

{includet 'fichier. php' )} 
/* Dans ce cas, si le test est positif, le fichier est inclus ; dans le cas 
contrai re, 

il n'est pas inclus. */ 
// 
if ($condition=="oui ") 
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{requireC 'fichier.php' )) 
/* Dans ce deuxieme cas, le fichier est inclus quel que soit le resultat du test, 
car 

il est inclus avant 1 'interpretation du script. */ 



Bibliotheques de fonctions integrees a PHP 



On appelle bibliotheque un ensemble de fonctions qui permettent de realiser des taches rela- 
tives a un meme domaine. Vous pouvez regrouper ces fonctions dans un fichier commun, 
comme nous l'avons fait pour les fonctions utilisateur avec includeO, ou les integrer a des 
bibliotheques natives PHP. Dans le deuxieme cas, il n'est plus utile de faire reference aux 
fichiers externes qui contiennent les fonctions, car les fonctions integrees restent en perma- 
nence dans la memoire du processeur et sont ainsi interpreters automatiquement lors de leur 
appel. Ces fonctions integrees sont regroupees en bibliotheques et sont facilement identifia- 
bles par leur nom, qui contient souvent un prefixe commun a chaque bibliotheque (exemple : 
mysql_connect(), strpos ()...). Laliste des fonctions integrees est tres importante ; aussi, nous 
en avons selectionne quelques-unes, que nous presentons ci-dessous. Sachez que cette liste est 
loin d'etre exhaustive ; nous vousinvitons a consulter la documentation PHP (www.php.net) si 
vous desirez exploiter une fonction specifique. 



Fonctions PHP generates 

Tableau 5-25 



Principales fonctions PHP generates 



Syntaxes et 


exemples 


Descriptions 


empty($var) 




Retourne le booleen FALSE si la variable $var est definie ou a une valeur ; 
retourne TRUE dans le cas contraire. 


define(nom_cst,valeur,option) 


Definit une constante nom_cst qui a pour valeur val eur. Par defaut, le nom 
de la constante est sensible a la casse, mais si I'argument option est egal a 
1 , alors le nom est insensible a la casse. 


header("chaine") 




Produit un en-tete HTTP comme Content-type, Location, Expires... 


isset($var) 




Retourne TRUE si la variable $var est definie et a une valeur ; retourne 
FALSE dans le cas contraire. 


md5("chaine") 




Fonction de codage qui retourne une chaine de 32 octets associee a 
I'argument chaine. 


phpinfo() 




Affiche les informations sur I'interpreteur PHP installe sur le serveur. 


randO 




Retourne une valeur aleatoire. 



Fonctions PHP dediees aux tableaux 

Les tableaux de variables sont frequemment employes en programmation, et PHP propose de 
nombreuses fonctions pour gerer leur contenu (tri, navigation dans le tableau, acces aux 
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elements...). Vous trouverez ci-dessous un recapitulatif des fonctions les plus couramment 
employees a cet effet. 

Tableau 5-26 - Principales fonctions PHP dediees aux tableaux 



Syntaxes et exemples 


Descriptions 


array_walk($tab1 ,nom_fonction) 


Execute la fonction nomjonction sur chaque element du tableau $tab1 . 


arsort($tab1) 




Trie le tableau $tab1 par ordre decroissant. 


asort($tab1) 




Trie le tableau $tab1 par ordre croissant. 


count($tab1) 

$tab1=array("Paris","Rennes", "Lille" ); 

echocount($tab1); 

//affiche le nombre d'elements, done 3 


Retourne le nombre d'elements contenus dans le tableau $tab1 . 


current($tab1) 




Retourne I'element courant du tableau $tab1, mais n'avance pas le 
pointeur interne du tableau. 


each($tab1) 




Retourne chaque paire cle/valeur du tableau $tab1 et avance le pointeur 
interne du tableau. Si le pointeur arrive a la fin du tableau, il retourne 
FALSE. 


end($tab1) 




Place le pointeur interne sur le dernier element du tableau $tab1 . 


key($tab1) 




Retourne la cle de la position courante d'un tableau associatif $tab1 . 


next($tab1) 




Avance le pointeur interne du tableau $tab1 et retourne I'element suivant 
du tableau ou FALSE en fin de tableau. 


prev($tab1) 




Recule le pointeur interne du tableau $tab1 . 


reset($tab1) 




Place le pointeur interne sur le premier element du tableau $tab1 . 



Fonctions PHP dediees aux dates 

Les fonctions de date et d'heure de PHP se referent au tampon horaire Unix. Ce tampon 
contient le nombre de secondes qui se sont ecoulees depuis le debut d'Unix, soit le l er 
Janvier 1970 a OhOO (heure Greenwich GMT). 

Tableau 5-27 - Principales fonctions PHP dediees aux dates 



Syntaxes et exemples 


Descriptions 


checkdate($month,$day,$year) 


Verifie la validite d'une date et retourne TRUE si elle est valide et FALSE 


checkdate(03,20,2002); 


dans le cas contraire. 


//retourne TRUE car la date du 




20 mars 2002 existe 




date("format",$date) 


Formate une date. Retourne une chaine de caracteres au format impose par 


$aujourdhui=date("d/m/y"); 


format (il existe de nombreux formats possibles). La date est fournie par 


//retourne la date du jour au format 


$date, mais si ce parametre n'est pas mentionne, e'est par defaut la date 


suivant : 30/01/03 


courante qui est retournee. 
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Tableau 5-27 - Principales fonctions PHP dediees aux dates (suite) 



Syntaxes et exemples 

mktime($h,$min,$sec,$mon,$day,! 
year[,int is_dst]) 
mktime(10,0,0,1, 25,2003,1); 
//retourne en secondes : 
1043481600 



getdate(tampon_U N I X) 

//ce script affiche I'heure actuelle 

//par ex : il est 18h45 

$datejour=getdate(); 

$heure=$datejour[hours]; 

$min=$datejour[minutes]; 

echo "il est ".$heure." h ".$min; 



Descriptions 

Retourne le tampon UNIX (temps reference en secondes depuis le 1 er Janvier 
1970), correspondant a la date indiquee en parametre. 
A noter que I'argument optionnel is_dst permet de tenir compte de I'heure 
d'hiver (si I'heure d'hiver est appliquee, alors is_dst=1 et sinon). 

Appelee sans parametre, cette fonction retourne un tableau associatif qui 

contient la date et I'heure actuelles. Si une valeur de tampon UNIX est 

indiquee, alors le tableau contient les informations en rapport avec ce 

tampon. Pour recuperer une information de ce tableau, il convient d'utiliser la 

cle adaptee, comme par exemple : 

$aujourdhui=getdate(); 

echo $aujourdhui[mday];//jour du mois (numerique de 1 a 31); 

echo $aujourdhui[mon];// mois (numerique de 1 a 12); 

echo $aujourdhui[year];//annee (numerique par ex : 2004); 

echo $aujourdhui[hours];//heure (numerique de a 23); 

echo $aujourdhui[minutes];//minutes (numerique de a 59); 

echo $aujourdhui[secondes];//secondes (numerique de a 59); 



Fonctions PHP dediees aux chaines de caracteres 

Certaines fonctions de gestion des chaines de caracteres sont tres importantes dans les sites 
dynamiques. En effet, lorsqu'on ajoute dans une base de donnees une chaine comportant des 
caracteres speciaux (« ' » par exemple), le serveur MySQL signale une erreur. La solution 
consiste a faire preceder ces caracteres speciaux d'une barre oblique inverse afin de les eviter. 
La fonction AddSl ashes () estutilisee dans ce cas, alors que la fonction StripSlahesO permet 
ensuite de les supprimer pour extraire de l'information de la base. 

Tableau 5-28 - Principales fonctions PHP dediees aux chaines de caracteres 



Syntaxes et exemples 


Descriptions 


trim($chaine) 


Supprime les espaces initiaux et finaux d'une chaine de caracteres 




Schaine. 


str_replace($ch1 ,$ch2,$ch3) 


Substitue une chaine $ch2 a toutes les occurrences d'une chaine de 




recherche $ch1 dans une chaine specifique $ch3. 


StripSlashes($chaine) 


Supprime les barres obliques inverses devant les caracteres speciaux 


$chaine1 ="aujourd\'hui"; 


de la chaine $chaine. 


$chaine2=StripSlashes($chaine1); 




echo $chaine2; 




//affiche "aujourd'hui" 




AddSlashes($chaine) 


Ajoute une barre oblique inverse devant les caracteres speciaux d'une 


$chaine1 ^"aujourd'hui"; 


chaine $chaine. 


$chaine2=AddSlashes($chaine1 ); 




echo $chaine2; 




//affiche "aujourdVhui" 
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Tableau 5-28 - Principales fonctions PHP dediees aux chalnes de caracteres (suite) 






Syntaxes et exemples 

strtolower($chaine) 

strtoupper($chaine) 

explode($separe,$chaine) 
$chaine1="Paris:Rennes:Lille"; 
$tab1 = explode(":",$chaine1); 
//retourne le tableau suivant : 
array("Paris","Rennes", "Lille") 



implode($separe,$tab) 

$tab=array("Paris","Rennes","Lille"); 

$chaine1= implode(":",$tab); 

echo$chaine1; 

/* affiche la chaine suivante : 

"Paris:Rennes:Lille" */ 



Descriptions 

Renvoie la chaine $chaine en minuscules. 

Renvoie la chaine $chaine en majuscules. 

Scinde la chaine $chaine en plusieurs parties selon le separateur 
$separe. Retourne un tableau des valeurs ainsi separees. 



Retourne une chaine de caracteres constitute de tous les elements du 
tableau $tab separes par $separe. 



Fonctions PHP dediees aux fichiers 

La plupart des operations de base realisables avec des fonctions PHP necessitent le passage en 
argument d'un identifiant de fichier que nous noterons $id dans le tableau ci-dessous. Cet 
identifiant est obtenu lors de l'ouverture du fichier a l'aide de la fonction fopen( ). Pour toutes 
les operations d'ecriture, il faut s'assurer au prealable que les droits du fichier sont configures 
en consequence (pour cela, vous pouvez rapidement realiser ce parametrage a l'aide de la 
fonction chmod de votre outil de FTP). 

Tableau 5-29 - Principales fonctions PHP dediees aux fichiers 



Syntaxes et exemples 

fopen("nom_fichier","mode") 
$id=fopen("monfichier.txt","r"); 



Descriptions 

Ouverture d'un fichier selon le mode mode (voir detail ci-dessous). 
Retourne un identifiant ($id par exemple) qui est necessaire dans d'autres 
fonctions de manipulation de fichiers. 



' 



Le parametre mode de la fonction f open ( ) definit les modes d'ouverture suivants : 
"r" : ouvre un fichier en lecture seule et place le pointeur en debut du fichier. 
"r+" : ouvre un fichier en lecture et en ecriture et place le pointeur en debut du fichier. 

"w" : ouvre un fichier en ecriture seule et place le pointeur en debut du fichier, mais en supprimant le contenu existant. 
Si le fichier n'existe pas, il est cree. 

"w+" : ouvre un fichier en lecture et ecriture et place le pointeur en debut du fichier, mais en supprimant le contenu 
existant. Si le fichier n'existe pas, il est cree. 

"a" : ouvre un fichier en ecriture seule et place le pointeur a la fin du fichier (ajout). Si le fichier n'existe pas, il est cree. 
a+" : ouvre un fichier en lecture et ecriture et place le pointeur a la fin du fichier (ajout). Si le fichier n'existe pas, il est 
cree. 
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Tableau 5-29 - Principales fonctions PHP dediees aux fichiers (suite) 



Syntaxes et exemples 


Descriptions 


copy($source,$destination) 
$fichier="index.php"; 
copy($fichier,$fichier.'.bak'); //ici, on 
realise une copie de sauvegarde 
"index.php.bak" 


Copie le fichier $source dans le fichier $destination (si $destination 
n'existe pas, il est cree). Si I'operation est effectuee, la fonction retourne 
TRUE sinon FALSE. 


fclose($id) 






Ferme un fichier ouvert par la fonction fopen(). 


fgetc($id) 






Lit un caractere du fichier ouvert avec $id. 


fgets($id) 






Lit une ligne du fichier ouvert avec $id. 


file("nom_fichier") 






Lit un fichier et retourne un tableau contenant une ligne du fichier dans 
chacun de ses elements. 


fread($id,"nombre") 






Lit un nombre donne d'octets (nombre) du fichier ouvert avec $id. 


fwrite($id,"chaine") 






Ecrit une chaine de caracteres (chaine) dans un fichier ouvert avec $id. 


rewind($id) 






Place le pointeur du fichier au debut du fichier ouvert avec $id. 



Fonctions PHP dediees a MySQL 

PHP dispose de nombreuses fonctions dediees a la gestion de la base MySQL. Ces fonctions 
commencent toujours par mysql_. Nous vous presentons ci-dessous les plus couramment utili- 

sees. 

Tableau 5-30 - Principales fonctions PHP dediees a MySQL 



Syntaxes et exemples 

mysqLconnect ("nom_hote", "login", "password") 

//ci-dessous la meme fonction avec I'option connexion 

persistante 

mysqLpconnect ("nom_hote", "login", "password") 

//exemple : creation d'un identifiant de connexion "$id" 

$id=mysql_connect ("localhost", "score", "eyrolles"); 



mysql_select_db ("nom_base_donnees") 

//exemple : selection de la base de donnees "score_db" 

mysql_select_db ("score_db"); 



mysqLquery ("requete_SQL","id_connexion") 
//exemples : 

$result=mysql_query ("SELECT* FROM agences ", $id); 
$result=mysql_query ($query,$id); 



Descriptions 

Permet d'etablir la connexion avec le serveur de base de 
donnees MySQL. Le nom de I'hote, I'identifiant et le mot 
de passe sont communiques comme arguments de cette 
fonction. II doivent evidemment etre configures au 
prealable sur le serveur MySQL (revoir la procedure 
decrite dans le chapitre 2). Dans le cas d'un 
hebergement mutualise, ces informations vous sont 
transmises par votre hebergeur. 
Cette fonction retourne un identifiant de connexion qu'il 
convient d'enregistrer dans une variable (ex : $id), afin 
de pouvoir I'utiliser dans les autres fonctions MySQL. 

Permet de selectionner une base de donnees dont le 
nom est communique en argument de la fonction. 

Permet d'envoyer une requete SQL au serveur. Vous 
pouvez saisir la requete directement dans la fonction ou 
la determiner au prealable dans une variable (ex : 
$query) et la passer en argument dans la fonction. 
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Tableau 5-30 - Principales fonctions PHP dediees a MySQL (suite) 

ntaxes et exemples Descriptions 

("resultat_query" [,type_tableau]) Permet de fournir le resultat de la requete 

inel : typejableau : tableau associatif, indice ou mixte (selon I' 

2 : tableau associatif optionnel typejableau). La variable confer 

tableau indice de la requete doit etre passee en paramet 

: tableau mixte (par defaut) premier argument (ex : $result). 

fetch_array ($result); 

("id_query") Permet de vider les resultats obtenus a I'a 

precedente requete avant de sortir de la p 
($result); 

[xxx] : le code xxx est facultatif 
(attention : vous ne devez surtout pas saisi 
[ et ] dans le code). 

L'exemple ci-dessous illustre la creation d'un script complet de connexion et d'affichage des 
agences de la base score_db. 

/* Script de connexion a la base score_db et d'affichage de la table agences */ 

// 

$i d-mysql_connect( "1 oca 1 host" , "score" , "eyrol les"); 

//Le serveur est localhost, 1 'identif iant score et le mot de passe eyrolles. 

// 

mysql_select_db("score_db") ; 

//Selection de la base de donnees "score_db". 

// 

$query-"SELECT * FROM igences"; 

//Elaboration de la requete SQL et enregistrement dans la variable $query. 

// 

$result-mysql_query($query,$id) ; 

//La requete $query est envoyee au serveur accompagnee son identifiant $id 

// 

while ( $agen ces=my sql _fetch_ar ray ($ result) ) 

{ 

echo "L'agence du secteur "$agences[secteur]" est situee a "$igences[ville]" 
<br>"; 

} 

//Recuperation des donnees dans le tableau $agences[] et affichage. 

// 

mysql_f ree_resul t(lresult) ; 

//Libere la memoire des resultats obtenus. 



Syntaxes et exemples 


Descriptions 


mysql_fetch_array ("resultat_query" [.typejableau]) 


Permet de fournir le resultat de la requete dans un 


//argument optionnel : typejableau : 


tableau associatif, indice ou mixte (selon I'argument 


//MYSQL_ASSOC : tableau associatif 


optionnel typejableau). La variable contenant le resultat 


//MYSQLJMUM : tableau indice 


de la requete doit etre passee en parametre dans le 


//MYSQL J30TH : tableau mixte (par defaut) 


premier argument (ex : $result). 


//exemple : 




$agences=mysql Jetch_array ($result) ; 




mysqljree_result ("id_query") 


Permet de vider les resultats obtenus a I'aide de la 


//exemple : 


precedente requete avant de sortir de la procedure. 


mysqljree_result ($result); 




Legendes : 


[xxx] : le code xxx est facultatif 




(attention : vous ne devez surtout pas saisir les crochets 




[ et ] dans le code). 
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A la fin de ce chapitre, vous trouverez un exemple d' application de la gestion des requetes 
SQL au projet SCORE, qui lance une requete d'ajout (INSERT) ou de modification (UPDATE) selon 
que l'enregistrement concerne existe deja ou pas. 



Ne melangez pas les langages 

Dans le chapitre 1 , nous avons vu qu'une page dynamique etait composee de scripts PHP integres dans 
une structure de page HTML. Le langage SQL, lui aussi, vient prendre place dans la meme page dynami- 
que. On le retrouve notamment en argument de la fonction PHP mysql_query( ) qui permet de transmet- 
tre la requete SQL a la base de donnees. Aussi, comme ces trois langages sont integres dans le meme 
code d'une page dynamique, il est tres important de ne pas les melanger, car ils restent des langages 
differents dont il faut respecter la syntaxe. 



Conservation des informations 



Temps de vie des variables 

Selon le contexte dans lequel les variables sont utilisees, elles ont un temps de vie different. 
Ainsi, celui d'une variable de fonction est limite a la duree de la fonction, alors que celui 
d'une variable de programme est restreint a la duree d'utilisation de la page dans laquelle elle 
a pris naissance. Dans chaque cas, il y a toujours une solution pour prolonger son temps de vie 
(appele aussi sa « portee »). Si on reprend l'exemple de la variable de fonction, il est possible 
d'etendre sa portee au programme qui l'appelle en la declarant comme variable globale (pour 
plus d' informations sur la declaration d'une variable globale, revoir la partie de ce chapitre sur 
les fonctions utilisateur). En ce qui concerne la portee d'une variable de programme, qui est 
normalement limitee a la page dans laquelle elle a pris naissance, il est egalement possible de 
la prolonger aux autres pages grace a differentes techniques. Cette capacite a allonger la 
portee d'une variable est tres importante, car dans un site interactif, il est frequent d'avoir 
besoin de conserver des informations specifiques a un visiteur durant toute la duree de sa 
visite (la session). De meme, dans un site marchand, il est indispensable de retenir les produits 
commandes par l'internaute avant de l'aiguiller vers le terminal de paiement en ligne. Dans 
un autre contexte, les outils de statistiques des visites peuvent ainsi memoriser le chemin 
realise par chaque internaute, pour ensuite les traiter et en extraire les parcours les plus 
frequemment suivis. Enfin, dans un site protege, il est difficilement concevable de demander 
l'identifiant et le mot de passe de l'internaute a chaque nouvel ecran consulte ! 

Le protocole HTTP ne conservant aucune information sur les echanges realises entre l'inter- 
naute et le serveur Web, il faut trouver des solutions pour conserver l'etat de certaines varia- 
bles d'une page a l'autre, pendant toute la duree d'une session ou, mieux encore, d'une 
session a l'autre. Parmi les differentes techniques disponibles, certaines peuvent augmenter la 
portee de la variable a la page suivante appelee par l'internaute (formulaires POST/GET ou 
passage de variables par l'URL), d' autres permettent de retenir des variables pendant toute la 
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duree de la session (variables de session ou cookies temporaires), et enfin des procedes plus 
elabores peuvent meme enregistrer ces variables d'une session a l'autre, voire pour une duree 
infinie (cookies enregistres sur le disque de l'internaute ou memorisation des informations 
dans une base de donnees cote serveur). Aussi, nous vous proposons de vous presenter ci- 
dessous ces differentes methodes afin que vous puissiez choisir celle qui convient le mieux a 
votre application. 



Utilisez les tableaux de variables HTTP 

Avec PHP 5 (et cela depuis PHP 4.2 ) vous devez desormais toujours utiliser les tableaux de variables 
HTTP pour recuperer les valeurs a partir d'un formulaire. Concretement, vous ne pouvez plus vous servir 
d'une simple variable comme $nomDeVari able dans les cas enonces precedemment. II conviendra done 
d'utiliser$_POST['nomDeVariable'], parexemple, dans lecasde la recuperation d'une variable issue 
d'un formulaire parametre avec la methode POST. Cependant, si vous desirez quand meme exploiter 
d'anciens scripts sur un serveur dote d'une version recente de PHP, il vous reste toujours la possibility de 
modifier le fichier de configuration de PHP, php.ini, en initialisant le parametre register_global 
aveclavaleurOn. 



Les formulaires 



L'utilisation des formulaires est tres frequente dans les sites Web. II y a differents moyens 
d'exploiter les donnees envoyees lors de la soumission du formulaire par l'internaute, selon ce 
que vous desirez faire avec ces informations, et la plate-forme dont vous disposez. Le moyen le 
plus simple serait de configurer l'attribut acti on de la balise <f orm> pour rediriger les donnees 
vers le mail du webmestre (exemple : <form action=" mailto:info@agencew.com">). Cepen- 
dant, si votre serveur Web interprete le PHP, il est plus judicieux de reorienter ces donnees vers 
un script PHP (exemple : <f orm acti on-"recepti on . php">), qui permet de traiter les informa- 
tions avant de les envoyer sur l'e-mail du webmestre, de les memoriser dans une base de 
donnees, ou encore de creer une page dynamique exploitant les valeurs ainsi recuperees. 

Dans la balise <form>, il faut aussi definir l'attribut methode, pour indiquer par quelle tech- 
nique sont transmises les donnees. Vous pouvez utiliser deux valeurs : GET ou POST. La 
methode GET ajoute les noms des variables et leur valeur a la suite de l'URL (methode de 
transmission identique a celle du passage dans l'URL detaillee ci-dessous), alors que la 
methode POST demande au navigateur d'empaqueter les donnees avant de les envoyer au 
serveur. Le script designe dans l'attribut action peut recuperer des donnees, simplement a 
l'aide de variables creees automatiquement dans le tableau associatif HTTP correspondant 
(soit $_P0ST[ ] ou $_GET[ ] selon la methode employee). L'indice du tableau porte dans ce 
cas le meme nom que celui des objets du formulaire correspondant. Par exemple, pour un 
champ texte nomme varl dans la page du formulaire, nous pouvons retrouver sa valeur en 
utilisant la variable $_GET['varl'] ou $_P0ST['varl'] selon la methode adoptee lors de 
l'envoi (GET ou POST) dans la page cible. 
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Voici un exemple d'utilisation de formulaire : 



/* Ci-dessous le formulaire de la page source formulaire.htm. */ 
<form action="reception.php" methode="POST"> 

<table><tr> 

<td>Nom : </td> 

<td><input type-"text" name="varl"X/td> 

</tr> 

<tr> 

<td>Valider : </td> 

<td><input type="Submi t" val ue="Val ider"X/td> 

</tr></table> 
</form> 

//ci-dessous le script PHP de la page cible reception. php 
<?php 

echo "Bonjour " .$_P0ST[ 'varl'] ; 
?> 



Remarque 

Selon la configuration de votre serveur, vous risquez d'avoir des messages d'erreur vous informant que 
I'une des variables utilisees dans la page n'est pas declaree. II suffira, dans ce cas, d'ajouter un test en 
haut de la page afin d'initialiser la variable, si elle n'a pas ete encore declaree. A titre d'illustration, voici le 
code du test a ecrire, correspondant a I'exemple ci-dessus : 



if(!isset($_POST['varl'])) $_P0ST[ ' varl ' ]- 



Le passage dans I'URL 

Pour passer des variables dans l'URL, on doit indiquer, a la suite du chemin menant a la page 
demandee, le nom de la variable suivi de sa valeur (exemple : pagesuivante.php?varl-150). 
Dans la page cible, il est ensuite possible de retrouver la valeur grace a une variable portant le 
meme nom, au moyen des tableaux de variables HTTP (exemple : $_GET['varl']). Cepen- 
dant, cette solution est limitee par la longueur de l'URL (255 caracteres maximum) et par son 
manque de confidentialite (les variables et les valeurs sont visibles dans l'URL a chaque 
passage d'une page a l'autre). 

En pratique, on peut utiliser cette technique en parametrant un lien hypertexte traditionnel qui 
est declenche par l'internaute (voir le premier exemple ci-apres), ou encore a partir d'un script 
PHP en utilisant la fonction header( ) (voir le deuxieme exemple ci-apres). 
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L'exemple suivant illustre le passage de parametres par un lien hypertexte : 

<a href="pagesu"ivante.php?varl-prodin'tl">produitl</a> 

Ce second exemple illustre le passage de parametres par un script PHP : 

if ($sel ection= ="produitl") 

header ( "Location:pagesuivante.php?varl=prodintl") ; 

Tableau 5-31 - Passage de variables dans I'URL 

Syntaxe 

nom_du_fichier?variable1 =valeur1 [&variable2=valeur2] 

Exemple : fichier.php?var1=100&var2=bonjour&var3=ok 

Legendes : [xxx] : le code xxx est facultatif, mais peut etre duplique autant de fois qu'il y a de variables a passer. 

Attention : vous ne devez surtout pas saisir les crochets [ et ] dans le code. 



Les cookies 



Un cookie est une information envoyee par le serveur sur le poste du client, sur lequel elle doit 
etre memorisee pendant une duree determinee. Dans certains cas, d'ailleurs, cette duree peut 
etre plus longue que le temps de la visite de l'internaute ; il faut alors enregistrer 1' information 
dans un fichier texte sur le disque dur de l'ordinateur client. II est a noter que seul le serveur 
ayant enregistre initialement le cookie sur l'ordinateur client peut y acceder par la suite, ce 
qui evite qu'un autre serveur ne puisse exploiter les donnees qui ne le concernent pas. Enfin, 
vous devez imperativement appeler la fonction setcookieO en debut de programme, avant 
tout affichage a l'ecran du navigateur. 

Tableau 5-32 - Fonction setcookieQ 



Syntaxe 

setcookie("nom_cookie"[ , val ue] [ , expi re] [ , path] [ , domai ne] [ , secure]) 

Legende : [xxx] : le code xxx est facultatif (attention : vous ne devez surtout pas saisir les crochets [ et ] dans 

lecode). 

nom_cookie Le nom du cookie est le seul argument obligatoire. Le fait d'envoyer un cookie avec uniquement son 
nom detruit tout cookie portant ce nom sur le navigateur client. 

value Valeur memorisee dans le cookie. Ce parametre peut etre une valeur ou une variable. 

expire Precise la duree de vie du cookie, exprimee en secondes. En pratique, on utilise la fonction t i me ( ) , 

a laquelle on ajoute la duree de validation en secondes (exemple : timet )+360 correspond a 1h). 

path Indique le repertoire dans lequel le cookie est valable. Si on ne precise pas de chemin, le cookie est 

visible partout sur le site. 
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Tableau 5-32 - Fonction setcookie() (suite) 

Syntaxe 

domaine Indique le domaine pour lequel le cookie est valable. Si on ne definit pas de domaine, c'est celui du 

serveur qui a cree le cookie qui est pris en compte (attention, le domaine doit obligatoirement 
comporter deux points, ex : .agencew.com). 

secure Indique que le cookie doit etre obligatoirement transmis par une connexion securisee (protocole 

HUPS) si cet argument est fixe a 1 . 

Attention :- Vous devez imperativement appeler la fonction setcooki e ( ) avant toute interpretation de balise HTML- 
Les cookies ne sont accessibles qu'apres un nouveau chargement de la page. - Si vous envoyez un cookie sans 
aucune option (uniquement avec son nom), il supprime le cookie portant le meme nom sur le poste client. 



Exemples : 

setcookie("email","monmail@aol.com",time()+3600); 

//cookie email memorisant le mail "monmail@aol.com" pendant 1h 

$unan=365*24*60*60 ; //temps en secondes correspondant a un an 

$pwd="1234"; 

setcookie("pass",$pwd,time()+$unan);//cookie pass memorisant la valeur de la variable $pwd pendant 1 an 

setcookie("admin",$memo,time()+3600,"/prive/",".agencew.com",1); 

//cookie admin memorisant la valeur de la variable $memo pendant 1 h et uniquement dans le repertoire prive pour 

I'usage exclusif du site agencew.com en mode HTTPS 

setcookiefbadcooke"); 

//dans ce cas, le cookie badcooke est supprime. 



Recuperer un cookie : 

Les valeurs des cookies sont automatiquement stockees dans le tableau ! 



.COOKIE (ex : $_COOKIE["email"]). 



Bien supprimer un cookie 

Nous avons vu que pour supprimer un cookie, il suffit d'envoyer un cookie de meme nom, mais sans 
valeur. Cependant, il est plus prudent d'effacer en meme temps la valeur correspondante dans le tableau 
$_COOKIE[] comme I'illustre I'exemple ci-dessous. 



Exemple (suppression du cookie "email") : 



if(isset($_COOKIE['email'])) { 
setcookie( "emai 1 " ) ; 
unset($_COOKIE[ 'email ']); 
} 

Voici un exemple d'utilisation de cookie : 

<?php 
//cookie comptabil i sant le nombre de passages de l'internaute sur la page du site 
// initialisation des variables si non declarees 
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if(!isset($_COOKIE['cookiel'])) $_C00KIE[ ' cookiel ' ]="" ; 

// code du cookie integre dans le code de la page Web 

++$_C00KIE[ 'cookiel '] ; //incrementation a chaque affichage 

//print„r($_C00KIE) ;//a utiliser pour les tests 

setcookie("cookiel",$_C00KIE['cookiel'],time()+3600); 

//appel de la fonction "SetCookiet )" 

echo $_C00KIE[ 'cookiel '] ; //affiche la nouvelle valeur a 1'ecran 

?> 

L'exemple ci-dessus memorise dans un cookie une seule variable. Si vous desirez garder 
plusieurs variables dans le meme cookie, il faut le gerer comme un tableau (ajouter des 
crochets apres le nom du cookie). L'exemple suivant illustre ce cas, pour le traitement des 
commandes d'un caddie : il enregistre les differents produits dans un cookie. 

<?php 

// declaration des variables 

if(!isset($_COOKIE['cpt'])) $_C00KIE[ ' cpt ' ]="" ; 
if(!isset($_GET['produit'])) $_GET[ 'produit ' ]="" ; 
else { 

// code du cookie integre dans le code de la page Web 

++$_C00KIE[ 'cpt ' ] ; //incrementation a chaque affichage 
setcookieC'cpt" ,$_C00KIE[ 'cpt ' ] ,time( )+3600) ;//appel de la fonction 
"SetCookie( )" 
// Le compteur cpt est repris en cle dans le tableau du second cookie 

$cpt=$_C00KIE[ 'cpt ' ] ;//recuperation du compteur 

setcookie("caddie[$cpt]",$_GET['produit'],time()+3600); 

print„r($_C00KIE[ 'caddie' ]) ; //affichage du caddie pour les tests 

} 
?> 

II est aussi possible d'utiliser un cookie pour controler simplement l'acces a une page pendant 
le temps d'une session, sans avoir a ressaisir le mot de passe. Dans ce cas, pour qu'il soit 
valide pendant le temps de la session, il suffit de ne pas preciser l'argument expi re. De plus, 
u afin que le cookie soit utilisable en tant que variable, il faut integrer une fonction headerC ) 

2 pour recharger la page des que le cookie est enregistre dans la session. Le programme ci- 

o dessous comprend le formulaire HTML qui est affiche lors du premier appel de la page, et le 

g script de gestion du cookie. 

6 
§ Voici un exemple de protection d'une simple page nominee pagePrivee.php avec un cookie : 

o 
rl 

| <?php 

■£P //declaration des variables 

| if(!isset($_POST['pwd'])) $_P0ST[ ' pwd' ]="" ; 

O 
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if(!isset($_COOKIE['cookiepass'])) $_COOKIE[ ' cookiepass' ]="" 
// 



if($J>OST['pwd']=="eyrolles") { 

setcookie( "cookiepass" ,$_P0ST[ 'pwd' ]) ; 
/* Le cookie est enregistre sous le nom cookiepass. */ 
header("Location:".$SERVER[*PHP_SELF , ]) : 
/* La page est rechargee afin que le cookie soit exploitable sous le nom de 

variable $cookiepass. */ 
} 
if ($_C00KIE[' cookiepass ' ]=="eyrol 1 es" ) 
{ 
//print_r($_C00KIE) ; a utiliser pour les tests 
?> 

Votre mot de passe est correct 
Mettre ici la zone protegee 
<?php 
} 
el se 
{ 

?> 
<form method="post" action=" pagePrivee.php" > 

<table><tr> 

<td><input type="password" name="pwd"X/td> 

<td><input type="Submi t" val ue="Entrer"X/td> 

</trX/table> 
</form> 
<?php 
} 
?> 



Les sessions 



En PHP, la gestion des sessions est tres facile (surtout depuis PHP 4). II est cependant interes- 
sant de bien savoir comment cela fonctionne. Des qu'une nouvelle session est demandee, un 
identifiant de session est automatiquement cree, auquel on associe ensuite les differentes 
variables memorisees durant la session. Concretement, un fichier temporaire du meme nom 
que l'identifiant de session est cree sur le serveur Web (dans le repertoire /tmp sur les serveurs 
UNIX). Ainsi, lorsqu'une variable doit etre actualisee ou ajoutee, on ecrit dans le fichier de 
session ; de meme, pour recuperer la valeur d'une variable de session, on lit dans ce fichier. 
L'identifiant de la session (PHPSESSID) est envoye par le serveur Web via un cookie au poste 
client, afin de le conserver pendant la duree de sa visite. Toutefois, dans le cas ou le client 
refuse les cookies, PHP transmet automatiquement par l'URL (exemple : 
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mapage.php?PHPSESSID=xxxxx) l'identifiant de la session ouverte, afin d'en assurer la memori- 
sation pendant la visite de l'internaute. 

Tableau 5-33 - Fonctions de gestion des sessions 



Fonction 

session_start() 



session_destroy() 

II cependant prudent d'accompagner 
la fonction de suppression d'une 
fonction unsett ) afin d'effacer les 
variables du tableau $_SESS10N 
comme I'illustre I'exemple ci- 
dessous : 
unset($_SESSION); 

session_id() 

$_SESSION['varf] =" valeur" 



session_is_registered("var1 " 



Definition 

Initialise la session. Si elle n'existe pas encore, un identifiant de session est 
cree puis transmis dans un cookie. Si elle existe deja, la fonction actualise 
toutes les variables qui sont memorisees dans la session existante. 
ATTENTION : vous devez imperativement appeler cette fonction avant 
toute interpretation de balise HTML. 



Detruit toutes les donnees associees a une session. 



Renvoie l'identifiant de la session en cours. 

Memorise la variable $var1 dans la session en cours. 
Pour memoriser une variable "varl" en session, il suffit de I'ecrire dans le 
tableau $_SESSION et il en sera de meme pour la modifier (par exemple : 
$_SESSION['var1']= " valeur" ;). 

Renvoie dans la session en cours la valeur booleenne TRUE si la variable 
$var1 est memorisee, ou FALSE si elle ne Test pas. 



Voici un exemple d'enregistrement et d'utilisation d'une variable de session a ajouter dans 
2 pages differentes : 

/* a mettre en haut d'une premiere page : enregistrement de la variable $varl 

dans la session en cours */ 
session_start() ; 

$_SESSION['varl'] - "bonjour"; 
/* a mettre en haut d'une autre page : recuperation de la variable $varl depuis 

la session en cours */ 
session_start() ; 

echo $_SESSION['varl '] ;//affiche la valeur recuperee 

Voici maintenant un exemple de protection d'une simple page pagePrivee.php avec une 
session : 
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<?php 
session_start (); 

// initialisation des variables 
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if(!isset($_SESSION['pass'])) $_SESSION[ 'pass ' ]="" ; 
i f ( ! i sset ( $_POST[ ' pwd ' ] ) ) $_POST[ ' pwd ' ]=" " ; 

// test la variable de formulai re 

i f ( $_P0ST[ ' pwd ' ]="ey rol 1 es" ) 

//enregistre la pwd dans la session 

$_SESSI0N[ 'pass' ]=$_P0ST[ 'pwd']; 

// teste la variable de session 

if C$_SESSI0N[ ' pass ']=="ey rol les") 
{ 

//echo print_r($_SESSION) ; lib. utiliser pour les tests 
?> 

Votre mot de passe est correct 
Vous pouvez mettre ici la zone protegee 
<?php 
} 
el se 
{ 

?> 
<form method="post" action=" pagePrivee.php" > 

<table><tr> 

<td><input type="password" name="pwd"X/td> 

<td><input type="Submi t" val ue="Entrer"X/td> 

</trX/table> 
</form> 
<?php 
} 
?> 

Programmation orientee objet (POO) 
Introduction a la POO 

Avec 1' utilisation des classes, nous pouvons exploiter les avantages de la programmation 

orientee objet (POO). Avant de commencer a detailler la syntaxe utilisee, nous allons rappeler ►§ 

la definition des differents elements qui sont employes dans ce mode de programmation. 3- 

fcr 

• Classe - Une classe represente un modele qui est utilise pour creer les futurs objets (la © 

creation d'un objet se conformant a la definition d'une classe est appelee § 

« instanciation »). Elle comporte des variables chargees de decrire les proprietes de o 

l'objet, ainsi que des methodes qui decrivent son comportement. Par exemple, la classe § 

voiture definit le modele qui est utilise pour creer des objets correspondant aux diffe- ts 

rentes voitures immatriculees. 8 
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• Objet - Un objet est cree avec l'operateur new suivi de la classe qui le decrit (on appelle 
aussi « instance d'une classe » l'objet ainsi compose). Par exemple, la voiture immatri- 
culee 89W75 peut etre un objet de la classe voiture). 

• Attribut- Les attributs sont les caracteristiques d'une classe (constantes, variables 
internes...) qui personnalisent un objet. Par exemple, la couleur et la vitesse sont des attri- 
buts de l'objet immatricule 89W75. 

• Methode — Une methode n'est rien d'autre qu'une fonction figurant dans une classe et 
qui s'applique a un objet. Les methodes s'appuient sur des parametres passes lors de leur 
appel ou sur les attributs declares dans la classe (constantes, variables internes...). Par 
exemple, les actions de freiner ou d'accelerer sont des methodes disponibles pour l'objet 
immatricule 89W75. 

• Constructeur - Un constructeur est une methode particuliere qui porte le meme nom que 
la classe, et qui est appelee automatiquement lorsque vous creez une nouvelle instance 
(done un nouvel objet). Le constructeur permet, entre autres, d'initialiser par defaut les 
attributs de l'objet lors de l'instanciation. Par exemple, le constructeur de la classe 
voi ture peut initialiser par defaut la vitesse de l'objet a lors de sa creation. 

Declaration d'une classe 

La definition d'une classe commence par le mot-cle class suivi du nom de la classe 
(exemple : class voiture) et, comme pour les fonctions utilisateur, d'un bloc d' instructions 
delimite par des accolades (exemple : class voi ture{ . . . }). A l'interieur de ses accolades, on 
definit ses proprietes et ses methodes, qui doivent etre exploiters par la suite en utilisant un 
accesseur, et la variable $this qui designe l'objet courant (exemple : $this->vitesse). La 
syntaxe d'un accesseur est constitute des caracteres « -> », qui forment une fleche. On decrit 
les proprietes (equivalant aux variables de la classe) a l'aide du mot-cle public, en PHP 5, 
suivi du nom de la variable interne (exemple : public $vitesse;). On definit les methodes 
(equivalant aux fonctions de la classe) a l'aide du mot-cle function, suivi du nom de la 
methode et du bloc d'instructions qui la compose, comme pour une fonction traditionnelle 
(exemple : function freiner{. . .}). 

II est possible d'utiliser une methode particuliere appelee « constructeur » pour initialiser un 

objet des sa creation. En PHP 5, le constructeur doit porter le nom constructO. Afin 

d'eviter des erreurs dans votre programme, notez bien que le nom contructC ) commence 

par 2 symboles « _ ». 
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Declarer des proprietes en PHP 4 et en PHP 5 

En PHP 4, il fallait utiliser le mot-cle var devant la propriete a declarer. En PHP 5, pour garder la compa- 
tibilite avec le PHP 4, vous pouvez toujours utiliser le mot-cle var a la place de publ i c, mais sachez 
que cela risque d'afficher une erreur E_STRICT selon la configuration du niveau d'erreur dans le fichier 
php.ini. 
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Declarer des constructeurs en PHP 4 et en PHP 5 

En PHP 4, le constructeur etait une methode qui devait porter le meme nom que la classe (soit 
voitureO pour notre exemple de classe voiture). Vous pouvez toujours utiliser cette ancienne 
methode en PHP 5 pour garder la compatibilite avec PHP 4, mais il ne faut pas utiliser les deux ensemble 
au risque de voir s'afficher une erreur E_STRICT. 



Voici un exemple de declaration de la classe voiture : 



//declaration de la classe 

class voiture 
{ 

/* declaration des propn'etes utilisees dans la classe */ 

public $couleur; 
public $vitesse; 

/* declaration du constructeur de la classe voiture */ 

function construct($choix_couleur) 

{ 

$this->vitesse=0; 

//Initialise la vitesse a par defaut lors de la creation de 1'objet. 

$this->couleur=$choix_couleur; 

/* La couleur est affectee selon le parametre qui est passe en argument lors 

de la creation de 1'objet. */ 
} 

// declaration des methodes communes a la classe voiture 

function accelererO 
{ 

$this->vitesse++; 

//Incremente la vitesse si on accelere. 
} 
function freinerO 
{ 

if ($this->vitesse>0) 
{$this->vitesse-- ;} 

/* Decremente la vitesse si on freine sous la condition que la vitesse 
soit positive.*/ 
} 
}//fin de la classe voiture 



Declarer les classes avant de les utiliser en PHP 5 

Depuis PHP 5, il est imperatif de declarer les classes avant de les utiliser. Aussi, nous vous conseillons de 
grouper toutes les declarations de classe en tete du programme. 
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Creation d'un objet 

Pour exploiter une classe, il faut commencer par en creer une nouvelle instance qui donne 
naissance a un objet. Pour realiser cela, nous utilisons le mot-cle new suivi du nom de la classe 
que nous desirons instancier. Nous affectons ainsi F objet nouvellement cree a la variable 
situee a gauche du signe egal (ex : $coccinelle=new voiture). Nous avons indique, dans le 
debut de ce chapitre, que les variables pouvaient etre de plusieurs types (chaine de caracteres, 
entier, decimal, booleen, tableau et objet). II est important de bien comprendre que l'instan- 
ciation est equivalente a la declaration d'une nouvelle variable de type objet, dont les carac- 
teristiques (attributs et methodes) correspondent a celles definies par sa classe. 

Voici un exemple de creation d'un objet et de l'utilisation de ses methodes : 

//Debut du programme 

/* Instantiation de la classe voiture creation de 1 'objet voi ture_89W75. */ 

$voiture_89W75=new voitureC'rouge") ; 

/* A partir d'ici, 1 'objet $voiture_89W75 existe. */ 

echo "Je viens d'acheter une superbe voiture" .$voiture_89W75->couleur. "<br>" ; 

echo " et, au debut, sa vitesse est de" .$voiture_89W75->vitesse. "km/h<br>" ; 

for ($i=0;$i<5;$i++) 

{ 

echo "j 'accelere encore <br>"; 

$voiture_89W75->accelerer() ; 

} 
echo "sa vitesse est maintenant de" .$voiture_89W75->vitesse. "km/h<br>" ; 
for ($i=0;$i<5;$i++) 

{ 

echo "je freine encore <br>"; 

$voiture_89W75->freiner() ; 

} 
echo "sa vitesse est maintenant de " .$voiture_89W75->vitesse. " km/h<br>"; 
//fin du programme 

Nous vous suggerons maintenant de passer a la pratique et de saisir le code de la declaration 
« de la classe voi ture et celui du petit programme ci-dessus, qui permet de creer un objet et d'en 

g utiliser ses methodes (fonctions de la classe) dans une page PHP. Si vous testez ensuite cette 

■a page en Web 1 ocal , vous devez obtenir les memes informations a l'ecran que le code indique 

Q. • • 

3 ici : 

o 

S 

g Je viens d'acheter une superbe voiture rouge 

N et au debut sa vitesse est de Okm/h 

S j accelere encore 

c j accelere encore 

§" j 'accel ere encore 



u 
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j accelere encore 

j'accelere encore 

sa Vitesse est maintenant de 5 km/h 

je freine encore 

je freine encore 

je freine encore 

je freine encore 

je freine encore 

sa vitesse est maintenant de km/h 



Creation d'une sous-classe 

Dans certains cas, il est tres interessant de creer des sous-classes d'une classe (appelee dans 
ce cas la « classe mere »). Les attributs et methodes d'un objet d'une sous-classe seront 
herites de ceux de la classe mere, mais avec en plus des attributs et des methodes specifi- 
ques a cette sous-classe. Ce concept est important, car la principale caracteristique de la 
programmation par objets est cette possibilite pour une classe d'heriter des proprietes et des 
methodes d'une autre classe. 

• Sous-classe- Une sous-classe est une classe qui herite d'une autre classe (la classe 
mere), a laquelle on ajoute des proprietes et des methodes specifiques (par exemple, 
break, cabriolet ou camionnette sont des sous-classes de la classe mere voiture). 

• Heritage - L'heritage definit une sous-classe comme appartenant a la meme famille 
qu'une autre classe (classe mere), afin qu'elle herite des memes attributs et methodes que 
cette derniere. Par exemple, la sous-classe camionnette peut heriter de la classe mere 
voiture, afin de recuperer certains de ses attributs (ex: couleur, vitesse) ou de ses 
methodes (ex : freinerO, accelererO). 

En ce qui concerne la syntaxe, on declare une sous-classe comme une classe (class 
nom_sous_cl ass), en ajoutant le mot-cle extends et le nom de la classe mere dont elle depend 
(ex: class camionnette extends voiture). Nous vous proposons d'illustrer ce nouveau 
concept avec l'exemple ci-dessous, qui permet de creer la sous-classe cami onnette, qui herite 
de tous les attributs et methodes de la classe voiture. En plus de cet heritage, la sous-classe 
sera dotee d'un attribut supplementaire concernant le volume de son chargement 
($vol ume_charge), calcule a l'aide de parametres passes en arguments lors de son instanciation 
($haut_charge, $larg_charge, $long_charge) : 



//declaration de la classe 

class voiture 

{ 

public $couleur; 

public $vitesse; 

function construct($choix_coul eur) 
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{ 

$this->vitesse=0; 
$this->couleur=$choix_couleur ; 
} 
function accelererO 
{ 

$this->vitesse++; 
} 
function freinerO 
{ 

if ($this->vitesse>0) {$thi s->vitesse- - ; } 
} 
} 

//declaration de la sous-classe camionnette 

class camionnette extends voiture 
{ 

/* declaration des proprietes ajoutees (volume de chargement) */ 

public $volume„charge; 

/* declaration du constructeur de la sous-classe camionnette */ 

function const ruct($choix_couleur,$haut_charge,$larg_charge,$long_charge) 

{ 

$this->volume_charge-$haut_charge*$l arg_charge*$long_charge; 
/* initialise la dimension du volume de chargement lors de la creation 
de 1 'objet */ 

parent: : const ruct($choix_couleur) ; 

/* passage du parametre $choix_couleur a la classe mere voiture */ 
} 
} 

//debut du programme 

$cami onnette_25HH75-new cami onnette( "rouge" ,1.5,1.2,2); 

/* creation de 1 'objet camionnette_25HH75 (appelee aussi instanciation) et passage 
des parametres couleur, hauteur, largeur et longueur du volume de chargement de 
la camionnette.*/ 
echo "Je viens d'acheter une superbe camionnette "; 
echo $camionnette_25HH75->couleur."<br>"; 

echo " avec un volume de " .$camionnette_25HH75->vol ume_charge. " metres cube<br>"; 
echo " Au debut sa vitesse est de ". $camionnette_25HH75->vitesse. "km/h<br>"; 
for ($i=0;$i<5;$i++) 
{ 

echo "j'accelere encore <br>"; 
$camionnette_25HH75->accelerer( ) ; 
} 
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echo "sa vitesse est maintenant de " .$canionnette_25HH75->vitesse. " km/ h <br>"; 
for ($i=0;$i<5;$i++) 
{ 

echo "je freine encore <br>"; 

$camionnette_25HH75->f reiner( ) ; 

} 
echo "sa vitesse est maintenant de ". $camionnette_25HH75->vitesse. " km/h <br>"; 
// 

Si vous testez ensuite cette page en Web local, vous devez obtenir les memes informations a 
l'ecran que le code indique ci-dessous : 



Je viens d'acheter une superbe canionnette rouge 
avec un volume de 3.6 metres cube 

An debut sa vitesse est de Okm/h 

j'accelere encore 

j'accelere encore 

j'accelere encore 

j'accelere encore 

j'accelere encore 

sa vitesse est maintenant de 5 km/h 

je freine encore 

je freine encore 

je freine encore 

je freine encore 

je freine encore 

sa vitesse est maintenant de km/h 



Acces aux methodes parentes 

Si une methode de la classe mere est appelee depuis la classe fille, il faut alors la faire preceder du mot- 
cle parent: :. Par exemple, dans la sous-classe camionnette, nous appelons le constructeur de la 
classe mere voiture a I'aide de I'instruction suivante : 

parent: : construct($choix_couleur) ; 



Couplage PHP/Flash 



Utiliser une interface Flash en interaction avec des scripts PHP permet de realiser de 
nombreuses applications qui exploitent a la fois la convivialite des animations Flash et la puis- 
sance des scripts PHP. De plus, nous pouvons aussi relier l'interface Flash avec des donnees 



© 

CO 

o 
o 

O 



Programmation PHP 



Chapitre 5 



issues de la base MySQL via PHP. Cela permet de memoriser les informations d'une anima- 
tion Flash en dehors des limites de la session d'un internaute, ou de recuperer des informa- 
tions complexes d'une base de donnees MySQL, qui peuvent etre affichees par l'interface 
Flash. Pour illustrer le principe de ces echanges, nous allons vous presenter deux applications 
simples qui utilisent le couplage PHP/Flash. Nous commencerons par un transfert d' informa- 
tions depuis l'interface Flash vers un script PHP, puis nous realiserons l'echange inverse. 
L'echange des informations avec la base de donnees etant realise depuis le script PHP selon 
les procedures habituelles, nous ne detaillerons pas cette partie, mais elle pourra facilement 
etre ajoutee en suivant les procedures de creation de requetes SQL detaillees dans cet ouvrage. 
Libre a vous ensuite d'exploiter ces scripts pour les adapter a votre projet. 



Pour ceux qui veulent en savoir plus sur les interfacages Flash. PHP 

Nous ne pouvons presenter ici qu'une simple introduction aux methodes d'interfacage entre Flash et PHP, 
car le sujet est tres vaste, et il faudrait un livre complet pour faire le tour de toutes les techniques d'interfa- 
cage. Aussi, nous invitons les personnes qui sont interessees par ce sujet a consulter un ouvrage du 
meme auteur, dedie exclusivement a ces techniques : 

PHP/MySQL avec Flash MX 2004 (collection blanche) 
Auteur : Jean-Marie Defrance 
Editeur : Eyrolles 
ISBN: 2-212-11468-0 
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De Flash vers PHP 

En guise d' introduction aux techniques de transfert d'informations de Flash vers PHP, nous 
vous proposons de detailler une methode tres simple qui consiste a utiliser les commandes 
Flash GetURL ou LoadVariablesNum. 

Transfert avec GetURL 

Lorsqu'on utilise GetURL, les informations sont envoyees avec la methode GET (passage de 
variables dans l'URL) ou POST (passage de variable dans l'en-tete HTTP). Ainsi, les variables 
transmises par l'une de ces methodes sont disponibles dans le fichier PHP, de la meme 
maniere que pour des variables envoyees par un formulaire HTML traditionnel. Pour illustrer 
l'echange de donnees depuis Flash vers un script PHP, nous vous proposons de creer une zone 
texte portant le nom message dans l'interface Flash, et de transferer sa valeur a un fichier PHP, 
dans lequel on recupere l'information dans la variable Smessage. 

Le script Flash 

1, Creez un nouveau document Flash et sauvegardez-le sous le nom formulaire.fi a. 

2. Creez 3 caiques : fond, message et bouton. 
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3. Personnalisez le caique fond (texte d' information Mon message : et couleur de fond...). 

4. Ajoutez une zone texte sur le caique texte que vous nommerez message (voir 
figure 5-25). 
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Figure 5-25 

Creation de la zone texte nommee « message » qui servira a la saisie du message envoye au script PHP. 



5. Ajoutez un bouton depuis la bibliotheque d'objets de Flash (Fenetre>Bi bl i otheques com- 
munes>Boutons) sur le caique bouton et saisissez le script d' action suivant (voir 
figure 5-26) : 

on (release) { 

getURL("affiche.php","_blank"."POST"); 

} 
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6. Enregistrez votre fichier dans un repertoire www/SITEflash cree a cette occasion dans 
votre serveur local, et publiez-le dans une page HTML sous le meme nom que le source, 
soit formulaire.htm. 



ir wm.mmmmmimi!mm,K 




Figure 5-26 

Creation du bouton et saisie du script qui servira a I 'envoi du message au script affiche.php. 
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Le script PHP 

Cote PHP, le script est tres simple puisqu'il contient uniquement un test visant a s' assurer de 
l'existence de la variable Smessage, suivi d'une instruction echo qui affiche la valeur de cette 
derniere. Enregistrez-le sous le nom affiche.php, dans le meme repertoire que formii- 
laire.htm. II est a noter que ce repertoire doit etre situe dans l'espace www du serveur local, 
afin que le moteur PHP puisse interpreter le fichier affiche.php. Pour tester le fonctionne- 
ment, il suffit maintenant d'appeler le fichier f ormul ai re . htm depuis votre Web local, de saisir 
un texte dans la zone message et de cliquer sur le bouton Envoyer. Le message doit alors s'affi- 
cher dans une nouvelle fenetre (voir figure 5-27). 
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Vous trouverez ci-dessous le script du fichier affiche.php, destine a recuperer la variable 
$message envoyee par le formulaire Flash. 

<?php 

//declaration des variables 

if (!isset($_POST['message'])) $_P0ST[ 'message' ]="" ; 
el se 
{ 
echo "Vous avez un message : <br><hl> " .$_P0ST[ 'message' ]. " </hl>"; 

// affichage de la variable $message a 1'ecran 

} 
?> 




Figure 5-27 

Test du transfert de Flash vers PHP. 
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Alternative avec loadVariablesNum() 

Le probleme du transfert avec 1' instruction GetURL( ) est lie a 1' obligation de rediriger l'inter- 
naute sur le fichier PHP pour recuperer la variable, et eventuellement l'afficher. Une alterna- 
tive a cette premiere solution serait d'utiliser l'instruction 1 oadVari abl esNum( ) qui permettrait 
d'echanger des donnees (envoyer ou recevoir des variables) avec un fichier PHP, sans quitter 
l'interface Flash. Nous traiterons l'utilisation de cette instruction dans le cas du transfert de 
PHP vers Flash ci-dessous. Sachez cependant, qu'en pratique, il est beaucoup plus interessant 
de gerer les flux de donnees au format XML afin d'utiliser les nombreuses fonctions de trai- 
tement XML disponibles dans Flash (pour plus d' informations sur ces techniques, reportez- 
vous a l'ouvrage cite precedemment). 

De PHP vers Flash 

Transfert avec loadVariablesNum() 

Dans le cas du transfert d'un script PHP vers une interface Flash, nous utiliserons aussi une 
technique tres simple qui consiste a exploiter la commande loadVariablesNumO. Cependant, 
il faut au prealable preparer les informations a transmettre en utilisant une syntaxe specifique 
(&$varl="val eur"), qui permet de relier les couples variable/valeur. Pour realiser cette action, 
nous utiliserons une petite fonction dans le fichier envoi. php qui assure la formation des 
paires de variables et de valeurs selon la syntaxe presentee precedemment. 

Le script Flash 

L'interface Flash est composee cette fois d'une zone de texte dynamique, que nous nommons 
message, et d'un bouton auquel nous affectons Taction de lecture des donnees grace a la 
commande loadVariablesNumO. 

1. Creez un nouveau document Flash et sauvegardez-le sous le nom lecture.fla. 

2. Creez 3 caiques : fond, message et bouton. 

3. Personnalisez le caique fond (texte d'information Lire un message : et couleur de 
fond...). 

4. Ajoutez une zone texte dynamique sur le caique texte que vous nommerez message (voir 
figure 5-28). 

5. Ajoutez un bouton de la bibliotheque d'objets de Flash (Fenetre>Bibliotheque ou Fll) 
sur le caique bouton et saisissez le script d'action suivant (voir figure 5-29) : 

on (release) { 

loadVari abl esNum( "envoi .php",0) ; 
} 
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Figure 5-28 

Verifiez bien que la zone de texte est de type dynamique et nommez-la message. 



6. Enregistrez votre fichier dans le repertoire www/SITEflash de votre serveur local et 
publiez-le dans une page Web sous le meme nom que le source 1 ecture . htm. 

Le script PHP 

Le script PHP doit assurer le couplage variable/valeur selon la syntaxe suivante : 

&$varl="valeur" 

//Dans le cas de plusieurs variables, il est possible de les ajouter a la suite : 
&$varl="val eurl"&$var2="val eur2"&$var3="val eur3" 
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Figure 5-29 

Le bouton de lecture comporte la commande loadVariablesNumf ) pour recuperer la valeur a afficher depuis le 
fichier envoi.php. 

Pour realiser cette mise en forme, il est judicieux de creer une fonction de couplage que nous 
nommons versFl ash( ) et dont le code est le suivant : 

function versFlash($var,$val ) 
{ 

echo "&$var=$val"; 
} 



Le script complet du fichier envoi .php est done le suivant : 
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<?php 

function versFlash($var,$val ) 

{ 
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echo "&$var=$val"; 

} 
//prepare le message 
$message="hello"; 
//envoie le message au Flash 
versFl ash ( "message", $mes sage) ; 
?> 

Comme dans le cas precedent, vous devez enregistrer le fichier envoi .php au meme niveau 
que le fichier lecture.htm contenant le Script Web Flash (.swf). Pour les tests, il suffit 
d'appeler le fichier lecture.htm et de cliquer sur le bouton OK. Le message hello doit alors 
s'afficher dans la zone de texte dynamique de l'interface Flash (voir figure 5-30). Si votre 
script ne fonctionne pas correctement, la premiere etape du depannage consiste a appeler 
directement le fichier envoi .php dans un navigateur. II doit alors afficher &message=hello a 
l'ecran. Si ce n'est pas le cas, il faut chercher la panne du cote du script PHP jusqu'a ce qu'il 
affiche correctement le message precedemment cite. Si le message est correct, mais que 
l'interface Flash ne fonctionne toujours pas, il faut revoir le script du bouton, verifier que la 
zone texte se nomme bien message et qu'elle est bien configured en texte dynamique. II se peut 
aussi que vous puissiez avoir des problemes avec la memoire tampon du navigateur ; dans ce 
cas, fermez tous les navigateurs actifs pour ouvrir ensuite une nouvelle session et tester de 
nouveau votre interface. 

Mise en ceuvre des programmes PHP 
Conseils pour bien programmer 

Pour bien programmer et creer des scripts qui fonctionnent, bien sur, mais qui sont egalement 
faciles a maintenir, il est conseille de respecter quelques regies de developpement que nous 
allons enoncer ci-dessous. 

Utilisez I'indentation 

L'indentation correspond a la mise en forme des blocs de code grace a des tabulations diffe- 
rentes selon le niveau d' imbrication des structures de boucle ou de choix dans lesquels ils se 
trouvent. Cela met en valeur les debut et fin de boucle et evite notamment de se retrouver avec 
des accolades de fin ou de debut manquantes. 



Avec Dreamweaver, vous pouvez decaler facilement le code a partir du menu Edition>Code § 

de retrait (ou encore plus facilement avec la touche Tabulation). Par la suite, toutes les £? 

nouvelles lignes sont decalees du meme espace (voir figure 5-31). Pour revenir d'un pas de £ 

decalage a gauche, il faut utiliser l'option Decalage negatif du menu Edition (ou utiliser la w 

touche Backspace). 2. 
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Figure 5-30 

Pour tester le transfer! d'une variable d'unfichier PHP vers une interface Flash, il suffit d'appeler lefichier 
lecture.htm contenant le Script Web Flash (.swf) et de cliquer sur le bouton OK pour voir apparaitre le message 
dans la zone d'affichage de V interface Flash. 



Figure 5-31 

Si vous commentez vos 
scripts et utilisez 
V indentation de vos 
blocs de code pour 
mettre en evidence leur 
structure, votre 
programme devient 
beaucoup plus simple a 
lire et done plus facile a 
depanner. 
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Commentez votre code 

Qu'il doive etre maintenu par le programmeur lui-meme ou par une tierce personne, un 
programme doit toujours etre parfaitement commente (vous me remercierez peut-etre dans 
quelques mois, lorsque vous devrez modifier votre propre code). Les commentaires d'un 
programme doivent porter sur des informations liees au contexte de l'application, et non 
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rappeler toutes les descriptions des fonctions issues du manuel PHP. A titre d' illustration, un 
programmeur se moque de savoir que Finstruction $a++ incremente la variable $« d'une 
unite ; en revanche, il apprecie d'etre informe sur l'utilisation de ce compteur dans le contexte 
du programme dans lequel il est employe. Une autre utilisation des commentaires est aussi de 
preciser les liens qui existent entre plusieurs elements d'un code. Par exemple, pour les acco- 
lades de bloc, une solution astucieuse consiste a commenter chaque accolade de fin de bloc 
avec un rappel de la condition de choix ou de boucle qui lui a donne naissance. 

Avec Dreamweaver, vous pouvez utiliser la syntaxe traditionnelle des commentaires PHP, 
s'ils sont integres dans une zone de code PHP, soit // pour commenter une simple ligne, ou 
/* et */ pour un commentaire sur plusieurs lignes. N'oubliez pas qu'en dehors des balises 
PHP, il convient d'utiliser la syntaxe des commentaires HTML, a savoir les balises < ! - - et - - >. 

Nommez les variables et les fichiers 

Le choix du nom d'une variable est important. Des qu'une variable concerne un element fonc- 
tionnel du programme, vous devez la nommer explicitement, et de fagon a evoquer sa fonc- 
tion. Une methode consiste a concatener une courte phrase qui caracterise la variable, en ne 
conservant en majuscule que la premiere lettre de chaque mot (exemple : prix du produit 
deviendrait SprixProduit). En revanche, les variables d'utilisation ponctuelle, comme les 
compteurs de boucle ou des variables de fonction, peuvent conserver des appellations courtes 
et generiques ($i par exemple). 

En ce qui concerne les noms des fichiers, il est interessant d'elaborer une convention de 
nommage dans le cadre du projet, afin de definir un prefixe commun a chaque fichier qui 
realise une action d'une meme fonctionnalite du programme (exemple : tous les fichiers assu- 
rant la gestion du caddie). Hormis le fait de connaitre grossierement l'utilite des fichiers ainsi 
nommes, nous pouvons facilement les regrouper par fonctionnalite dans 1' arborescence d'un 
repertoire a l'aide d'un simple tri alphabetique (par exemple: caddiejnodif .php et 
caddie_supp.php). 

Utilisez les fonctions 

Si vous decoupez votre code en parties reutilisables, vous pouvez creer des fonctions faciles 
a exploiter dans toutes les pages du site. En plus de cet avantage, le code du script principal 
est plus leger et bien plus lisible. Pour cela, il faut les rassembler dans un fichier commun qu'il 
convient d'appeler en debut de chaque page par la commande requi re( ). 

Utilisez les fragments de code 



Pour etre encore plus efficace dans le developpement de vos applications et gagner en produc- g 

tivite, vous pourrez avantageusement utiliser les fragments de code de Dreamweaver. Cela q 

vous evitera de ressaisir a chaque developpement des parties de code frequemment utilisees. g 

Par defaut, Dreamweaver est livre avec de nombreux fragments de code standards, classes par " 

theme, que vous trouverez dans le panneau Code/Fragments de code. Cependant, dans la g 
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version standard il y a peu de fragments PHP et il faudra developper vous-meme vos propres 
fragments avant de pouvoir les integrer dans vos pages dynamiques (revoir figure 5-9). II est 
aussi possible d'importer des groupes de fragments de code afin de pouvoir rapidement 
disposer d'un ensemble de ressources creees par des developpeurs chevronnes. En ce qui 
concerne l'importation de fragments de code PHP, le site www.phpmx.com propose de 
nombreux morceaux que vous pourrez facilement aj outer dans votre editeur Dreamweaver. 

Construisez brique par brique 

De meme qu'un macon construit une maison brique par brique sur des fondations solides, le 
programmeur doit commencer par bien analyser le projet dans son ensemble pour en definir 
sa structure et elaborer des modules correspondant a chaque fonctionnalite. Vous devez 
realiser des tests individuels pour chacun des modules des qu'ils sont operationnels, et il ne 
faut surtout pas attendre que tout le site soit cree pour les passer au banc d'essai. 



Les erreurs PHP 



La syntaxe d'un message d'erreur PHP 

Avant d'etre envoyee vers le navigateur, la syntaxe des scripts PHP est d'abord analysee puis 
executee. Lors de ces deux etapes peuvent apparaitre des erreurs de syntaxe ou de semantique. 
II peut aussi y avoir d'autres types d' erreurs liees a la conception de votre programme (erreur 
logique) ou au contexte dans lequel il s'execute (erreur d'environnement). Selon le type 
d'erreur, des messages differents sont envoyes par PHP et s'affichent dans votre navigateur. 
Dans un premier temps, il est important de bien les analyser. Aussi, nous proposons de definir 
leur syntaxe et d'enumerer les differents types d'erreurs qui peuvent se produire. 

Tableau 5-34 - Syntaxe d'un message d'erreur 

Syntaxe 

Niveau_erreur : message_erreur in nomjichier on line num_ligne 

Legende Niveau_erreur : Les niveaux d'erreur peuvent etre : 
Parse_error : erreur de syntaxe lors de I'analyse; 
Fatal_error : erreur qui arrete le script; 

Warning : erreur qui se contente d'afficher un avertissement, mais qui permet de poursuivre le script. 
message_erreur : message correspondant a I'erreur rencontree (les messages sont souvent identiques 
au niveau), 
nomjichier : nom du fichier dans lequel I'erreur a ete detectee. 
numjigne : numero de la ligne ou se trouve theoriquement I'erreur. 
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Voici un exemple d'erreur : 

//ligne de script qui a produit 1'erreur (point-vi rgul e oublie en bout de ligne) 

echo "bonjour" 

//la version corrigee serait : echo "bonjour" ; 

//message d'erreur affiche dans le navigateur : 

Parse error: parse error, unexpected "INVARIABLE, expecting ',' or ';' in 

c:\wamp\www\sitephp\debugphp\erreurl.php on line 4 

Si on analyse 1'erreur ci-dessus, on peut en deduire les informations suivantes : 

• niveau_erreur : Parse error 

• message_erreur :« parse error, unexpected INVARIABLE, expecting ',' or ';'» 

• nom_fichier : c:\wamp\www\sitephp\debugphp\erreurl.php 

• line num_ligne : line 4 

Erreur de syntaxe 

Une erreur de syntaxe se produit lorsque le code est analyse par l'interpreteur PHP. Elle peut 
etre comparee a une faute de grammaire comme « mon ordinateur sont en marche » dans le 
langage humain. De meme, si la syntaxe du langage PHP n'est pas parfaitement respectee, 
l'analyseur renvoie un message d'erreur. 

Voici un exemple d'erreur de syntaxe : 

$varl=5; 

$var2=3; 

//ligne de script qui a cause 1'erreur 

$var3=(2+$varl)*$var2) ; // << ici il manque une parenthese 

//la version corrigee serait : $var3=( (2+$varl)*$var2) ; 

//message d'erreur affiche dans le navigateur 

Parse error: parse error, unexpected ')' in c:\wamp\www\sitephp\ 

debugphp\erreur2.php on line 4 

n 
Si on analyse 1'erreur ci-dessus, on peut en deduire les informations suivantes : ;§ 

• mveau_erreur : Parse error 3 

© 

• me s s age_erreur : parse error, unexpected ')' o 

• nom_fichier : c:\wamp\www\sitephp\debugphp\erreur2.php £? 

o 
c 

• line num ligne: line 4 «• 
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Erreur de semantique 

Si une erreur de syntaxe peut etre comparee a une faute de grammaire, une erreur de seman- 
tique se compare a une phrase grammaticalement correcte, mais n'ayant aucun sens, par 
exemple « j'irai hier ». La syntaxe etant correcte, aucune erreur de syntaxe n'est opposee par 
l'analyseur, mais une erreur survient lorsque PHP tente d'interpreter le code errone. 

Voici un exemple d' erreur de semantique : 

//ligne de script qui a genere 1 'erreur 

def ine( "TVA" ) ; // « ici il manque un argument 

//la version corrigee serait : def ine( "TVA" ,19.6) ; 

//message d'erreur affiche dans le navigateur 

Warning: Wrong parameter count for defineO in c:\wamp\www\sitephp\ 

debugphp\erreur3.php on line 2 

Dans cet exemple, la syntaxe est correcte, mais il manque un argument lors de l'appel a la 
fonction defineO qui necessite au minimum deux parametres. Si on analyse l'erreur ci- 
dessus, on peut en deduire les informations suivantes : 

• niveau_erreur : Warning 

• me s s age_erreur : Wrong parameter count for defineO 

• nom_fichier : c:\wamp\www\sitephp\debugphp\erreur3.php 

• line num_ligne : line 2 

Erreur de logique 

L'erreur de logique est certainement la plus difficile a localiser, car dans la plupart des cas, 
elle ne provoque aucun message d'erreur. Dans le monde des humains, cela pourrait corres- 
pondre au comportement d'une personne qui a perdu la raison : « Je suis fou et je me 
comporte en depit de tout bon sens ». Dans une erreur de logique, le code est correct au niveau 
de la syntaxe et de la semantique, mais il ne realise pas ce que le programmeur desire ! 

Erreur d'environnement 

Votre programme peut tres bien avoir une syntaxe, une semantique et une logique correctes et 
fonctionner normalement dans un contexte donne, mais causer des erreurs dans un autre envi- 
ronnement (serveur Web ou de bases de donnees, ou acces au reseau differents...). Dans ce 
cas, il s'agit d'erreurs d'environnement, et si l'environnement ne peut pas etre adapte, il faut 
mettre en place des scripts supplementaires afin de neutraliser chacune de ces erreurs apres 
identification et analyse des causes. 
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Configuration du niveau de rapport d'erreur 

Le fichier de configuration php . i ni contient une option error_reporti ng qui peut etre parametree selon 
le niveau de controle de vos scripts souhaite. Dans les dernieres version de PHP, cette option est configu- 
ree par defaut avec la valeur E_ALL qui est le niveau maximal de controle. Avec ce reglage, toutes les varia- 
bles non declarees provoqueront automatiquement un warning (Undefined variable). Si vous desirez 
eviter ces warnings frequents, vous devez vous assurer que toutes vos variables seront toujours initialisees 
(revoir I'instruction i sset( ) en debut de ce chapitre), mais vous pouvez aussi remplacer la valeur actuelle 
par E_ALL & ~ E_N0TICE ou encore integrer ponctuellement lafonction error_reporting(7) ; dans le 
script de la page concernee. 



Techniques de debogage 

Les programmes ne fonctionnent pas toujours du premier coup. Aussi, pour la mise au point 
de vos programmes, il est interessant de bien analyser les messages d'erreur et d'utiliser des 
techniques de debogage qui vous permettent de localiser rapidement l'erreur dans votre script. 

Utilisez I'equilibrage des accolades 

Sachant que les erreurs d'accolades sont frequemment a l'origine d'une faute de syntaxe, si 
on ne respecte pas I'equilibrage des accolades d'ouverture avec celles de fermeture, il est inte- 
ressant d'utiliser l'equilibreur d'accolades que Dreamweaver met a votre disposition pour 
vous assurer que votre programme respecte bien cette regie. Pour activer I'equilibrage d'acco- 
lades, commencez par selectionner une ligne contenant une accolade du bloc a verifier, puis 
activez le testeur (selectionnez Edition>Equilibrer les accolades ou cliquez sur le bouton 
Equi 1 i brer 1 es accol ades situe dans la barre d'outils de codage). Toute la zone correspon- 
dant a un bloc equilibre (selon le niveau d' imbrication) est alors automatiquement selec- 
tionnee. Si vous renouvelez le test, la zone selectionnee s'etend au niveau d'imbrication supe- 
rieur, et ainsi de suite jusqu'au dernier bloc. II faut alors verifier qu'il ne reste aucune accolade 
en dehors de la zone selectionnee et, si le cas se presente, aj outer 1' accolade manquante et 
renouveler le test (voir figure 5-32). 

Detectez les erreurs de logique 

Les erreurs de syntaxe ou de semantique etant toujours accompagnees d'un message qui 
precise le fichier et la ligne ou se trouve le probleme, il suffit en general de revoir le code situe 
a ce niveau pour le resoudre. Cependant, pour les erreurs de logique, il est parfois difficile de 
localiser les lignes de code qui sont a l'origine du mauvais fonctionnement. Dans ce cas, le 
moyen le plus simple consiste a commenter les lignes (utiliser //) ou les blocs de code 
(uti 1 iser /* et */) susceptibles de provoquer l'erreur, et a tester de nouveau le programme. 
Ainsi, par recoupements, vous pouvez circonscrire l'erreur de maniere exacte. 
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echo "fin de la boucle de test"; 
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Figure 5-32 

L'equilibreur d' accolades de Dreamweaver permet de localiser rapidement un desequilibre entre le nombre 
d 'accolades d'ouverture et celui des fermetures pour une zone de programme defini. A gauche, l'equilibreur 
signale un desequilibre, car il reste un nombre impair d' accolades en dehors de la selection, alors qu 'a droite le 
test est concluant. 

La fonction phpinfo() 

La fonction phpinfo( ) affiche tous les parametres de la configuration de PHP. Pour creer une 
page d'affichage de ces parametres, il suffit simplement de saisir cette fonction dans une page 
PHP (qui serait nominee phpi nfo.php par exemple), comme indique ci-apres, et de l'appeler 
depuis le Web local ou depuis votre serveur distant. Vous pouvez evidemment aussi l'ajouter 
en bas de vos pages en cours de test, afin d'afficher les differentes variables actives et 
connaitre leur valeur. 

Voici le code a ecrire dans le fichier phpi nfo.php pour afficher la configuration de PHP : 

<?php 

phpinfoO ; 
?> 
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Hormis l'affichage de tous les parametres PHP qui peuvent s'averer tres utiles pour connaitre 
la configuration de votre serveur, la fonction phpinfoO montre aussi toutes les valeurs des 
variables creees avec des requetes GET ou POST, ainsi que le contenu des cookies. Dans 
l'exemple de la figure 5-33, nous appelons le fichier phpi nfo.php en passant deux parametres 
dans l'URL (varl et var2) : nous les retrouvons dans le tableau Variables (en bas de la page 
phpi nf o) accompagnees de leur valeur respective. 

Les pieges 

L'examen des valeurs affectees a certaines variables pour differents endroits du script est 
souvent necessaire au depannage. Pour cela, il est possible d'ajouter, dans votre page a 
tester, des pieges qui affichent les noms des variables a tester suivis de leur valeur. Vous 
pourriez evidemment vous contenter d'ajouter dans votre code une simple fonction echo 
$varl ; mais cela devient vite illisible si vous desirez tester plusieurs variables dans la meme 
page. Aussi, nous vous suggerons d'utiliser le code ci-apres, qui presente l'avantage de 
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System 


Windows NT JMDP3 5.1 build 2600 


Build Date 


Nov 27 2005 21:34:13 


Configure Command 


cscript/nologo configure.js "-enable- snapshot- build" "-- 
with-gd=shared" 


Server API 


Apache 2.0 Handler 


Virtual Directory Support 


enabled 


Configuration File 
(php .ini} Path 


C : \wa mp\Ap ach e2\bi n\php . i ni 


PHP API 


20041225 


PHP Extension 


20050922 


Zend Extension 


220051025 


Debug Build 


no 


Thread Safety 


enabled 


Zend Memory Manager 


enabled 


IPv6 Support 


enabled 


Registered PHP Streams 


php. file, http.ftp. compressTiib 


Registered Stream Socket 
Transports 


tcp. udp 


Registered Stream Filters 


converticonv*. string.rot13. string toupper. 
string .tolower. string.strip_tags, convert*, zlib * 



>. 



e 



•j Intranet local 



Figure 5-33 

L'integration de la fonction phpinfo() dans unepage a tester permet d'afficher de nombreuses informations sur 
I'etatdes valeurs actives dans la page (GET, POST, COOKIES...). 



rappeler le nom de la variable et d'inserer automatiquement un retour a la ligne a la fin de 
chaque test. Apres son utilisation, il est aussi appreciable de pouvoir localiser rapidement 
tous les endroits ou vous avez ajoute un piege ; dans ce cas, l'astuce consiste a lancer une 
recherche sur le mot PIEGE et a commenter la ligne a de la supprimer completement si tous 
les problemes sont resolus. 
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echo '$varl=' .$varl. '<br>' ; // PIEGEvaleur 

Dans certains cas, l'erreur peut provenir d'un type incorrect de la variable traitee. Pour tester 
cette information dans le programme, il suffira d'ajouter l'affichage de son type, avec la fonc- 
tion gettype( ), a la suite du piege precedent. 

echo '$varl=' .$varl. ' de type ' .gettype($varl) . ' <br>'; //-PIEGE type 

Enfin, pour le depannage de scripts utilisant des variables de type tableau (comme par 
exemple toutes les variables HTTP : $_GET, $_POST, $_SESSION, $_COOKIE...), il faudra 
employer la fonction print_r() que nous avons deja presentee lors de l'etude des tableaux 
dans ce meme chapitre. 

print_r($tabl) ; // PIEGE tableau 

Les fonctions de debogage 

Une autre possibility plus elaboree consiste a developper une fonction qui est activee lors du 
debogage, afin d'afficher ou d'enregistrer une trace de Taction realisee. Pour activer ou desac- 
tiver cette fonction, on peut la passer dans l'URL en l'affectant a 1 pour activer le debogage 
(ex : mapage.php?modedebug=l). Vous pouvez ajouter localement cette fonction au code de la 
page, mais il est plus judicieux de l'integrer dans un fichier de fonctions appele par une 
commande requireO. Vous trouverez ci-dessous un exemple de fonctions que vous pouvez 
utiliser lors de la mise au point de vos programmes en local. 

<?php 

//fonction de debogage a inserer dans la page testee 

// initialisation des variables 

if(!isset($_GET['modedebug'])) $_GET[ 'modedebug' ]=0; 
el se $modedebug=$_GET[ 'modedebug' ] ; 
//fonction de debogage a inserer dans la page testee 
function debugphp(Svarl) 

{ 

if($GLOBALS["modedebug"]==l) 
echo 'PIEGE:$varl='.$varl. ' de type ' .gettype(Svarl) . ' <br>'; 

1 
//affectation d'une variable pour les besoins de 1 'exemple 
$var2="bonjour" ; 

//insertion du piege pour tester la variable $var2 
debugphp($var2); 
?> 



o- 

c 
O 



PHP/MySQL avec Dreamweaver 8 



Si vous testez l'exemple precedent en passant un parametre dans FURL pour indiquer que 
vous desirez afficher le piege, (exemple : mapage.php?modedebug-l) votre navigateur devrait 
afficher le texte du piege ci-dessous : 

PIEGE : $varl=bonjour de type string 



Attention 

Si la variable que vous desirez tester n'est pas initialises, vous risquez de voir apparaitre des messages 
d'erreur Undef i ned vari abl e a I'ecran selon la configuration de votre serveur. Pour eviter cela, il suffit 
d'ajouter la ligne de code suivante avant votre piege. A noter que la syntaxe $varl est valable pour une 
variable interne, mais s'il s'agit d'une variable issue d'un formulaire, d'une session, d'un cookie ou encore 
passee dans I'URL, il conviendra d'utiliser le tableau de variables HTTP adapte ($_XXX [ 'varl ' ]) : 

If( !isset($varl) ) $varl= "variable non declaree"; 



Suppression des messages d'erreur 

Si, lors du developpement, tous les messages doivent etre affiches afin de mettre au point le 
programme, en production il est preferable d'eviter d'afficher ces messages dans la page Web 
visible par tous les internautes. Dans ce cas, vous pouvez neutraliser 1' apparition de ces 
messages a I'ecran en ajoutant un @ devant la fonction concernee. Cependant, il faut consi- 
derer cette methode comme une solution de depannage en attendant de trouver la cause du 
probleme, ou pour empecher l'affichage d'un simple warning qui n'a pas d'incidence sur le 
fonctionnement du script de la page. 

Dans cet exemple, nous allons creer une erreur de division par : 

$varl=0;//simulation d'une erreur d'affectation pour les besoins du test 

echo " Sans @ <br>"; 

$testerreur= (5/$varl);//un message de Warning signalera la division par 

echo " Avec @ <br>"; 

$testerreur-@(5/$varl) ;//ici il n'y aura pas de message d'erreur 
echo " Fin du test <br>"; 

Si vous testez ce code dans votre navigateur, il affiche les lignes suivantes : 

Sans @ Warning: Division by zero in 

c:\wamp\www\sitephp\debugphp\debug2.php on line 4 Avec @ Fin du 

test 
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Testez vos requetes SQL dans phpMyAdmin 

Si vous developpez des pages integrant des requetes SQL, il est possible que l'origine de votre 
erreur vienne d'un resultat errone ou manquant, remonte par la base, voire d'une erreur de 
syntaxe dans la requete SQL. Pour eviter ce genre de probleme, il est fortement conseille de 
tester la requete utilisee avant de l'integrer dans le script PHP de la page dynamique. Pour 
tester une requete, il suffit de la copier dans la zone Executer une requete du gestionnaire 
phpMyAdmin, et de cliquer sur le bouton Executer. Le resultat de la requete doit alors s'affi- 
cher (voir figure 5-34). Si une erreur est signalee ou si le resultat ne correspond pas a vos 
attentes, corrigez la requete en consequence avant de la copier et de la tester dans la page 
dynamique. 
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Figure 5-34 

Avant d 'integrer votre requete SQL dans un script PHP, il est fortement conseille de la tester au prealable a I 'aide 
de phpMyAdmin. 

Applications au projet SCORE 

Creation d'une page graphique pour les statistiques 

La page des statistiques affiche actuellement la somme des ventes effectuees par tous les 
commerciaux du groupe, et cela pour chaque mois. Nous allons maintenant utiliser nos 
connaissances de la programmation en mode Code pour realiser un histogramme : les ventes 
realisees chaque mois seront representees par une barre verticale de couleur, dont la hauteur 
sera proportionnelle a la somme des ventes. Le numero du mois concerne sera, quant a lui, 
affiche en bas de chaque barre de l'histogramme. 
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Procedures pour la modification de la page statistiques.php 

1. Ouvrez le fichier statistiques.php situe dans le repertoire commerciaux du site. 

2. Depuis le panneau Liaisons, ouvrez le jeu d'enregistrements rsStatistiques (double- 
cliquez sur le nom du jeu). Depuis la fenetre du jeu d'enregistrements, passez en mode 
Avance en cliquant sur le bouton du meme nom, et modifiez la zone SQL pour obtenir la 
requete ci-dessous (voir figure 5-35) : 

SELECT annee, mois*l AS m, SUM(resul tat)/400 AS resmois 
FROM ventes 
GROUP BY mois 
HAVING annee=2003 
ORDER BY m 

3. Dans cette requete, nous divisons par un coefficient de 400 la fonction SUMO, afin d'obte- 
nir un affichage en rapport avec la hauteur de l'ecran. Pour eviter de gerer la formule 
complete dans le script PHP, nous declarons un alias resmois correspondant au resultat 
ainsi obtenu. De meme, nous attribuons Farias m au champ mois. La clause GROUP BY per- 
met de regrouper tous les resultats par mois avant de les additionner comme nous l'avons 
indique ci-dessus. La clause HAVING permet de selectionner l'annee desiree. Enfin, la 
clause ORDER BY provoque un tri des donnees pour afficher les barres selon l'ordre nume- 
rique des mois. Apres ces modifications, cliquez sur le bouton Tester pour vous assurer 
du bon fonctionnement de votre requete, puis validez par OK pour confirmer vos modifi- 
cations (voir figure 5-35). 

4. Revenez maintenant dans la fenetre du document en mode Creation et creez un premier 
tableau d'une seule ligne et d'une seule colonne (prendre par exemple hauteur=400 et 
1 argeur=600). Puis, a l'interieur de ce tableau, creez un deuxieme tableau de deux lignes 
et d'une colonne (1 argeur=50). Attribuez une couleur d'arriere-plan a la cellule du haut 
qui representera par la suite les barres de l'histogramme. 

5. Depuis la fenetre Liaisons, deroulez le jeu d'enregistrements rsStatistiques et faites 
glisser la variable m dans la cellule du bas (voir figure 5-36). 

6. Selectionnez le premier tableau (celui d'une seule cellule) et cliquez sur le bouton + du 
panneau des comportements serveur pour aj outer une region repetee (valider 1' option 
Afficher tous les enregistrements). Si nous testions cette page dans le Web Local, 
nous observerions que les barres sont repetees verticalement, et non a l'horizontale, 
comme nous l'avions prevu. Pour resoudre ce probleme, nous allons afficher le docu- 
ment en mode Code et deplacer le code du debut (<?php do {?>) et celui de la fin (<?php} 
whi 1 e ... ?>) de la boucle du comportement repete : ces codes doivent encadrer unique- 
ment l'element <TD>. . .</TD>, comme indique dans la partie de code ci-apres. Vous pour- 
rez ensuite tester votre page pour vous assurer que les barres sont bien repetees 
horizontalement. 
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Figure 5-35 

Fenetre de configuration dujeu d'enregistrements rsStatistiques. 

Voici la partie de code affichant l'histogramme : 

<table width="600" height="400" border="0"> 
<tr> 

<?php do { ?> 
<td val ign="bottom"> 
<table width="50" border="0" al ign="center"> 

<tr><td height="<?php echo $row_rsStatistiques[ 'resnois'] ;?>" bgcolor=" 
<-#FF0000"> </tdX/tr> 

<tr><tdXdiv al ign="center"X?php echo $row_rsStatistiques['m' ];?> 
H/divX/tdX/tr> 
</table> 
</td> 

<?php } while ($row_rsStatistiques=mysql_fetch_assoc($rsStatistiques)) ;?> 
</tr> 
</table> 
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Figure 5-36 

Creation de la page statistiques.php : la variable m (numero du mois) dujeu d'enregistrements rsStatistiques est 
integree par un simple glisser-deposer dans la cellule du bas de la barre de I 'histogramme. 



II nous faut maintenant parametrer l'attribut height de la balise <TD> (a laquelle nous 
avons precedemment attribue une couleur de fond), pour la rendre dynamique, et pour 
que sa hauteur soit proportionnelle au champ resmois. Pour cela, nous pourrions directe- 
ment modifier le code de la page (voir le code final de la figure 5-38). Cependant, nous 
allons profiter de cette occasion pour utiliser l'inspecteur de balises que nous avons pre- 
sents au debut de ce chapitre. 

Ouvrez l'inspecteur de balises depuis le panneau Balise, puis selectionnez la cellule a 
modifier dans la fenetre Document en mode Creation. Dans le sous-panneau Attributs, 
cliquez sur la cellule situee a droite de l'attribut height, puis sur l'eclair qui doit apparai- 
tre a droite de la ligne (voir figure 5-37). Dans la boite de dialogue Donnees dynamiques, 
selectionnez le champ resmois (deroulez si besoin le jeu d'enregistrements rsStatisti- 
ques). Validez votre choix. Vous devriez maintenant avoir une page semblable a celle de 
la figure 5-38. 
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Figure 5-37 

Pour parametrer I 'attribut de hauteur de la barre (height), nous utiliserons I 'inspecteur de balises comme indique 
sur cette figure. 



8. Enregistrez la page sous le nom statistiques.php et testez-en le fonctionnement com- 
plet en Web local (voir figure 5-39). 



o- 

c 
O 



Creation d'un script de selection de requites SQL 

Dans le chapitre 3, nous avons cree une page resultatdumois.php qui permet aux commer- 
ciaux de saisir leur resultat chaque mois. Cependant, nous avions remarque lors des essais 
que, si le commercial saisit un couple mois/annee existant, un deuxieme enregistrement est 
cree ; cela va a l'encontre de Fintegrite de la base puisque de multiples enregistrements redon- 
dants peuvent etre ainsi crees. La solution pour eviter ce probleme consiste a interroger la base 
au prealable, pour savoir si un enregistrement correspondant au meme couple mois/annee 
existe deja ; selon la reponse obtenue, on aiguille le programme vers un formulaire et une 
requete de mise a jour (UPDATE), ou vers un formulaire et une requete d'insertion (INSERT). 
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Figure 5-38 

Parametre dynamique de Vattribut height apres sa configuration dans Dreamweaver. 



Cette modification necessitate la construction d'une requete avancee et l'integration d'une 
structure de choix, nous n'avions pas pu la realiser jusqu'a present. Nous vous proposons 
maintenant d'utiliser les connaissances acquises dans ce chapitre pour remedier a ce 
probleme. 

La page actuelle est constitute d'un simple formulaire avec deux menus deroulants mois et 
annee, ainsi qu'un champ texte pour les resultats. Nous avons egalement cree un comporte- 
ment pour enregistrer les informations soumises par le formulaire. Nous vous proposons de 
mettre cette page en reserve (enregistrez-la par exemple sous lenom resultatdumoisRES.php) 
et de repartir d'une nouvelle page. Nous allons la creer a partir du modele commerciauxScore 
(depuis le menu : Fichier>Nouveau>Onglet Model e>SiteScore et modele commerciauxScore). 
Enregistrez la page sous resultatdumois.php et suivez la procedure ci-dessous : 

1. En mode Creation, creez un formulaire formSELECT avec comme action resultatdu- 
mois.php et configurez-le en methode GET. 
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Figure 5-39 

Tart rfe /a page statistiques.php dans le Web local. 

2. A l'interieur du formulaire, creez un tableau afin d'accueillir les elements du formulaire 
(2 lignes et 3 colonnes). Fusionnez la premiere ligne et saisissez dans cette cellule le 
message suivant : « Selectionnez le mois et l'annee pour ajouter ou modifier un 
resultat : ». 

3. Dans la deuxieme ligne, inserez un menu deroulant dans chacune des 2 premieres cellu- 
les, et un bouton nomme Selectionner dans la troisieme cellule. Dans celle-ci, ajoutez 
aussi un champ cache que vous nommerez soumission, et dont la valeur sera initialisee 
avec 1 (ce champ masque est destine a indiquer que le formulaire de selection a bien ete 
valide). Le premier menu deroulant s'appelle VARmois : ses valeurs sont parametrees avec 
les numeros des mois (de 1 a 12) et ses etiquettes avec le nom de chaque mois correspon- 
dant (Janvier a decembre). Le deuxieme menu se nomme VARannee : ses valeurs, ainsi 
que ses etiquettes, sont parametrees avec les annees, soit 2003, 2004, 2005... 
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4. Ouvrez le panneau Liaisons et cliquez sur le bouton + pour ajouter une variable d'URL, 
VARmois. Renouvelez ensuite cette demarche pour ajouter une deuxieme variable VARan- 
nee. Vous devrez obtenir une page semblable a celle de la figure 5-40. 

5. Creez un nouveau jeu d'enregistrements depuis le panneau Liaisons, nommez-le rsSe- 
lectResultat, puis selectionnez la connexion ConnexionScore et basculez en mode jeu 
Avance en cliquant le bouton du meme nom. Saisissez ensuite la requete suivante en vous 
aidant de l'assistant SQL (revoir figure 2-120) : 

SELECT ventes .commerciauxID, ventes.moi s , ventes. annee, ventes. resultat , 

ventes . ID 

FROM ventes 

WHERE ventes. commerciauxID=col commerciauxID AND ventes. mois=col men's 

AND ventes .annee=colannee 

6. Ajoutez aussi trois couples de variables dans la zone Variables selon les parametres sui- 
vants, en cliquant pour chaque nouveau couple sur le bouton + de cette zone : 



Nom 


Valeur par defaut 


Valeur d'execution 


colcommerciauxlD 


1 


$_SESSION['VARcommerciauxlD'] 


colmois 


1 


$_GET['VARmois'] 


colannee 


2003 


$_GET['VARannee'] 



7. Cliquez ensuite sur le bouton Tester, afin de verifier que votre nouveau jeu d'enregistre- 
ments est operationnel. Vous devez alors obtenir un resultat semblable a celui de la 
figure 5-41. Si les resultats sont corrects, initialisez les trois valeurs par defaut a -1 et 
validez votre nouveau jeu en cliquant sur le bouton OK. 

8. Placez votre pointeur en dessous du formulaire que vous venez de creer et inserez un 
deuxieme formulaire, nomme formAJOUT, en methode POST et sans attribut d'action pour 
l'instant. A l'interieur de ce formulaire, creez un tableau de 3 lignes et 3 colonnes, afin 
d'y disposer les composants du formulaire. Dans la premiere ligne, saisissez le texte 
« Ajouter un nouveau resultat », et dans la seconde ligne faites glisser la variable dyna- 
mique VARmois dans la premiere cellule depuis le panneau Liaisons, puis faites de meme 

avec la variable VARannee dans la deuxieme cellule. Dans la troisieme cellule, ajoutez un Q 

champ texte depuis le panneau Insertion/Formulaire et nommez-le resultat. Dans la % 

troisieme ligne, ajoutez un bouton de validation, dans la troisieme cellule, que vous 5" 

renommez Ajouter. Ajoutez aussi 3 champs masques mois, annee et commerciauxID. ® 

Selectionnez le champ masque commerciauxID et cliquez sur l'eclair situe a droite du g 

champ valeur du panneau des proprietes. Selectionnez ensuite le champ VARcommer- £? 

ciauxID dans la fenetre Donnees dynamiques (rubrique Session) et validez la fenetre en •§ 

cliquant sur le bouton OK. Selectionnez ensuite l'autre champ masque mois et, depuis le w 

panneau Proprietes, cliquez sur l'eclair situe a droite du champ valeur, puis selection- a 
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Figure 5-40 

Creation duformulaire de selection d'un nouveau resultat. On remarque que le panneau Liaisons comporte les 
deux variables d'URL que nous venons de crier. 



nez le champ du meme nom dans la fenetre Donnees dynamiques (rubrique URL, voir 
figure 5-42). Faites la meme operation avec le champ masque annee. 

Le formulaire de modification etant semblable a celui de l'ajout que nous venons de 
creer, nous allons selectionner tout le formulaire f ormAJOUT (pour etre sur de selectionner 
le formulaire complet, cliquez sur la balise <form> dans le selecteur de balises, en bas de 
la fenetre du document) pour le copier (Edition>Copier ou raccourci clavier Ctrl + C). 
Placez votre pointeur ensuite en dessous de ce formulaire et collez le formulaire a cet 
endroit (Edi ti on>Col 1 er ou raccourci clavier Ctrl + V). Des que le formulaire est copie, 
renommez-le formMODIF et renommez aussi le bouton de validation Modifier. Lorsqu'on 
duplique des elements de meme nom, Dreamweaver corrige cela en ajoutant un chiffre 2 
apres le nom des elements dedoubles. Cependant, dans notre cas, les deux formulaires 
doivent comporter des noms d' elements identiques. 
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Figure 5-41 

Fenetre de configuration dujeu d'enregistrements rsSelectResulat. 



Nous allons done selectionner successivement les champs masques VARmois, VARannee et 
commerci auxID, puis le champ texte resul tat du nouveau formulaire, pour supprimer le 2 
dans leur champ nom du panneau Proprietes. Nous allons devoir aussi ajouter un autre 
champ masque pour memoriser l'identifiant de l'enregistrement a modifier. Ce nouveau 
champ masque se nomme ID, et nous cliquons sur l'eclair du panneau de Proprietes 
pour configurer sa valeur initiale : selectionnez la variable dynamique ID dujeu d'enre- 
gistrements rsSel ectResul tat. Vous devez aussi initialiser le champ resul tat du formu- 
laire formMODIF avec la valeur issue de la base, pour l'enregistrement correspondant. Pour 
cela, nous allons selectionner le champ resul tat, puis cliquer sur l'eclair du panneau des 
Proprietes pour selectionner la variable dynamique resul tat dujeu d'enregistrements 
rsSel ectResul tat (voir figure 5-43). 

10. II faut maintenant creer les comportements qui vont permettre d'inserer le nouvel enre- 
gistrement dans la table ventes ou modifier l'enregistrement existant. Pour cela, nous 
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Figure 5-42 

Configuration du champ masque VARmois afin de I 'initialiser avec la valeur du parametre d ' URL envoy e par le 
formulaire de selection. 
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11. 



allons cliquer sur le bouton + depuis la fenetre Comportements de serveur et selectionner 
Inserer un enregistrement. Dans la boite de dialogue qui s'affiche (voir figure 5-44), 
nous allons selectionner le formulaire formAJOUT, la connexion ConnexionScore puis la 
table ventes. Verifiez que les champs a inserer obtiennent bien une valeur dans la zone 
Colonnes (sauf le champ ID qui est auto-incremente), et choisissez resultatdumois.php 
comme fichier vers lequel l'internaute sera redirige apres l'insertion. Validez ensuite 
votre comportement en cliquant sur le bouton OK. 

Cliquez de nouveau sur le bouton + pour ajouter un nouveau comportement, mais selection- 
nez cette fois Mettre a jour un enregistrement. Dans la nouvelle boite de dialogue, nous 
selectionnons le formulaire formMODIF, la connexion ConnexionScore, puis la table ventes. 
Verifiez aussi que les champs a inserer obtiennent bien tous une valeur dans la zone Colon- 
nes (attention, pour la modification d'un enregistrement deja cree, il faut cette fois que le 
champ ID soit connu). Selectionnez enfin resultatdumois.php comme fichier de retour 
apres l'insertion. Validez ensuite votre comportement en cliquant sur le bouton OK. 
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Figure 5-43 

Parametrage de la valeur initiale du champ resultat. 



12. II ne reste plus maintenant qu'a creer la structure de test qui permet d'aiguiller le pro- 
gramme vers le formulaire d'ajout (si aucun enregistrement n'a ete trouve par le jeu 
rsSelectResultat) ou vers le formulaire de modification (si le jeu precedemment cite 
n'est pas vide). Pour cela, commencons par selectionner le formulaire formAJOUT, puis 
creons un nouveau comportement en cliquant sur le bouton + du panneau Comportements 
de serveur. Validez Afficher la region puis selectionnez l'option Afficher si le jeu 
est vide. Dans la boite de dialogue, il suffit de selectionner le jeu rsSelectResultat et 
de valider votre choix. Dans la fenetre du document, vous devez maintenant voir appa- 
raitre un cadre Af f i cher si . . . autour du formulaire d'ajout. 

13. II faut ensuite repeter la meme operation pour l'autre formulaire, de sorte a l'afficher 
dans le cas contraire. Selectionnez le formulaire formMODIF, puis creez un nouveau com- 
portement en cliquant sur le bouton + du panneau Comportements de serveur. Validez 
Afficher la region puis selectionnez l'option Afficher si le jeu n'est pas vide. 
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I rise re r un enregistrement 



Envoyer les valeurs a partr de : f ormAXHJT 



Connexion : Cor.ne,.ionSco:e 



V 



Insurer une table : | ventes 

Colom 



La cle prirnaire ID est inutil.see 



'commertiauxID' obtient une valeur de 'FQRM.commerciauxJD' en tanti 

'rnois' obtient une valeur de 'FORM.mois' en tant que 'Entier' 
"annee" obtient une valeur de 'FORM, annee" en tant que 'Date* 
'resultat' obtient une valeur de 'FORM, results en tant que 'Double) 



Valeur : JAucun 
Envoyer en tant que ; 



Apres Unsettlon, aler a : j resuttar.dumols.php 



| Parcourir,,. j 



OK 



Annuler 



Aide 



Figure 5-44 

Fenetre de configuration du comportement d'ajout d'un enregistrement. 



Met t re a jour renrcgistrcment 



Envoyer les valeurs a partir de : FormMODIF 

Connexion ; ConnexionScore 



Mettre a jour la table : 
Cotormesj 



JO' 1 sistettiofine fenireaistrement #vec 'FGRM.1D' cornme 'Entier 1 



'commerciauxID' obtient une valeur de 'FORM.comrnerciauxID' en tant qui 
'mofe' obtient une valeur de 'FORM.mois' en tant que 'Entier' 
'annee' obtient une valeur de 'FORM.armee' en tant que 'Date' 
'resultat' obtient une valeur de 'FORM, resultat' en tant que 'Double' 



AnntJer 



Vafeur : FORM.ID 



Apres la mise a jour, I 



Envoyer en tant que : Entier 
r a : resultatdumois.php 



v Cle primaire 



| Parcourir... J 



Figure 5-45 

Fenetre de configuration du comportement de mise a jour d'un enregistrement. 
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Dans la boite de dialogue, il suffit de selectionner le jeu rsSelectResultat et de valider 
votre choix. Dans la fenetre du document doit alors apparaitre un cadre Afficher si . . . 
autour du formulaire de modification (voir figure 5-46). 
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14. Enregistrez votre page sous resultatdumois.php et basculez en Web local pour tester 
l'ecran resultat du mois dans l'espace commerciaux. Selectionnez une valeur dont vous 
etes sur qu'elle existe deja (le mois de Janvier 2003 par exemple), et cliquez sur le bou- 
ton Selectionner. L'ecran Modifier doit alors etre propose. Recommencez votre test, 
mais avec un couple pas encore enregistre (le mois de decembre 2003 par exemple), et 
cliquez sur le bouton Selectionner. L'ecran d'ajout doit alors s'afficher. Testez aussi 
l'enregistrement et la modification dans la base de donnees pour vous assurer que tout 
est en ordre de marche. 




Figure 5-46 

Apres la creation des deux comportements Afficher si... vous devriez voir apparaitre un cadre autour de chaque 
formulaire rappelant le comportement applique. 



15. Comme vous l'avez certainement remarque, lors du premier affichage de cette page, le 
formulaire d'ajout apparait par defaut (avec des informations mois et annee non rensei- 
gnees). Pour eviter cela, nous pouvons ajouter un test supplementaire dans la page, afin 
de verifier si le formulaire de selection a bien ete valide et d' eviter ainsi cet affichage de 
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formulaire non desire. La variable que nous allons exploiter est deja en place, puisqu'il 
s'agit du champ masque soumission integre dans le formulaire de selection. II ne reste 
plus qu'a ajouter les lignes de code ci-apres (voir figure 5-47) pour activer le test et evi- 
ter de montrer le formulaire d'ajout lors du premier affichage de la page. A noter que 
nous ajouterons aussi un test d'existence de la variable soumission pour l'initialiser par 
defaut si elle n'a pas encore ete transmise par le formulaire. Cette precaution evitera 
l'apparition de messages d'erreur sur les serveurs dont le parametre error_reporting du 
fichier php. ini a ete configure avec la valeur E_ALL 

Pour ajouter ces lignes de code, selectionnez le formulaire formAJOUT en mode Creation 
puis passez en mode Code. Au-dessus de la zone de code selectionnee, vous devez voir le 
test de la fonction repetee, en dessous de laquelle vous allez inserer les premieres lignes 
de code. Parcourez ensuite le script a la recherche du code <?php}//Show if recordset 
empty ?> et inserez sur la ligne precedente la deuxieme ligne de code indiquee ci-des- 
sous. Enregistrez votre page et testez-la de nouveau en Web local. 

/* les lignes de code ci-dessous doivent etre ajoutees juste apres la ligne du test 

<?php if ($totalRows_rsSelectResultat==0) {?> */ 
<?php 

if( !isset($_GET[ 'soumission'])) 

$_GET['soumission']-0; //init par defaut de la variable soumission 
if ($_GET['soumission']==l) {//si soumission par le formulaire 
?> 



<?php } //si soumission par formulaire ?> 

/*la ligne de code ci-dessus doit etre ajoutee juste avant 
la ligne signalant la fin du bloc conditionne par le test <?php } //Show if 
recordset empty ?>*/ 



Comment memoriser le mois et lannee choisis dans le formulaire de selection ? 

Lorsque vous validez le formulaire de selection, la page dynamique est actualisee et vos selections initia- 
les (mois et annee) ne sont pas memorisees lorsque le formulaire d'ajout ou de modification est affiche. 
Pour remedier a ce probleme, il suffit de choisir I'un des menus deroulants Moi s ou Annee puis de cliquer 
sur le bouton Dynamique dans le panneau Proprietes. Cliquez ensuite sur I'eclair situe en bas de la 
fenetre et selectionnez la variable en rapport, dans la rubrique URL (VARannee ou VARmoi s) de la fenetre 
Donnees dynamiques. Renouvelez ensuite la meme operation pour le second menu deroulant. Ainsi les 
menus seront automatiquement initialises avec les valeurs prealablement adoptees apres la validation du 
formulaire de selection. 
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Figure 5-47 

Afin d'eviter que leformulaire d'ajout s'affiche lors du premier affichage de Vecran resultatdumois.php, il 
conviendra d'ajouter un test supplemental dans le code de la page. 
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Les comportements serveur 

XSLT 



L' utilisation du langage XML est maintenant incontournable pour tous les createurs d' appli- 
cations multimedias. En effet, sa simplicite, sa souplesse et surtout son interoperabilite en font 
un langage universel permettant a la fois de structurer et d'echanger des informations, quel 
que soit le type de machine ou d' application. Tout cela, Macromedia l'a bien compris et a 
decide d'ajouter, a sa version 8 de Dreamweaver, un nouveau comportement de transforma- 
tion XSLT qui facilitera grandement 1' integration des flux de donnees XML, dans vos futurs 
sites dynamiques. 

Avant de detailler 1' usage de ce comportement, nous vous proposons une introduction au 
XML, car la connaissance des fondements de ce langage est indispensable a la comprehension 
des mecanismes de transformation XSLT. Si vous etes deja initie au XML, vous pouvez 
evidemment passer directement a la partie qui traite des transformations XSLT. 



Avertissement 

Ce chapitre n'a pas la pretention d'etre un cours complet sur les transformations XSLT, car il faudrait y 
consacrer un livre entier pour en faire le tour. Notre modeste objectif est de vous fournir les concepts de 
base sur I'usage des expressions XSLT, afin que vous puissiez comprendre des comportements serveur 
XSLT simples et que vous puissiez analyser, voire modifier, ceux de Dreamweaver (meme si leur utilisa- 
tion ne necessite pas la connaissance du langage XSLT). Que les puristes m'excusent si certaines defini- 
tions sont simplifiees a I'extreme ou tronquees, pour allegemer au maximum les apports theoriques, au 
profit des exemples pratiques. Ce chapitre est done une simple « entree en matiere » et j'invite les person- 
nes desirant approfondir le sujet a se referer a des ouvrages dedies a cette technologie. 
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Introduction au XML 

XML signifie extensible Markup Language. Comme le HTML, le XML est une norme 
SGML (Standard Generalized Markup Language), mais qui a ete developpee bien plus tard 
(en 1998, alors que le HTML etait deja norme par le consortium W3C depuis 1990). 

Meme si Ton a tendance a le presenter comme le successeur du HTML, le XML se caracterise 
par le fait qu'il contient uniquement des donnees structurees, mais aucune indication quant a 
leur presentation. Ainsi, si vous ouvrez un document XML dans un navigateur, il n'affichera 
que la structure des donnees sous forme d'arborescence, contrairement au document HTML 
qui montrera la traditionnelle page Web, car il contient a la fois les donnees et toutes les indi- 
cations pour leur mise en forme. 

XML est done particulierement bien adapte pour structurer, enregistrer et transmettre des 
donnees. 

Les avantages du XML 

Les avantages du XML sont multiples. Cependant, nous avons decide de n'en enumerer que 
quelques-uns afin de vous convaincre de son interet. 

1 . Simple : comme son cousin le HTML, le XML est un simple document texte construit a 
partir de balises qui contiennent des informations. II est done lisible et interpretable par 
tous sans outil specifique et avec peu de connaissances prealables. 

2. Souple : l'utilisateur peut, s'il le desire, structurer les donnees et nommer librement cha- 
que balise et attribut du document (contrairement au HTML pour lequel les noms des 
balises et des attributs sont predefinis). 

3. Extensible : le nombre de balises n'est pas limite (comme e'est le cas pour le HTML) et 
pourra done etre etendu a volonte. 

4. Independant : grace a son contenu base sur un document texte et done universel, il peut 
etre utilise sur tout type de plate-forme (PC, Mac, Unix...) mais egalement quel que soit 
le langage de programmation (PHP, ASP...). 

5. Interoperabilite : le fait que le XML soit un langage universel permet de favoriser 
l'interoperabilite des applications, en permettant de realiser rapidement et simplement o 
des echanges de donnees. 3. 

fcr 

6. Gratuit : le XML etant developpe par le consortium W3C, son utilisation est done libre ® 



et ne necessite pas l'achat de licence commerciale. 



o 

o 



Les comportements serveur XSLT 



Chapitre 6 



Structure d'un document XML 

Toute personne ayant deja utilise un document HTML ne sera pas depaysee a la vue du 
contenu d'un document XML (voir l'exemple). 

Pour illustrer la structure d'un document XML, vous trouverez ci-dessous un exemple qui 
permet de stocker, d'une maniere structuree, les coordonnees des differents proprietaires d'un 
immeuble de 2 etages, constitue de deux batiments A et B. La ventilation des proprietaires 
dans les etages de l'immeuble est illustree par le dessin de la figure 6-1. II est interessant de 
comparer ce dessin avec la representation XML de la figure 6-2, afin de mieux comprendre 
les mecanismes qui structurent les donnees d'un fichier XML. 



Figure 6-1 

Dessin representant la 
ventilation des 
proprietaires dans les 
etages de V immeuble. 



Bati merit A 



Batiment B 



Def ranee Jean-Marie 


Tavan Jean-Pierre 


jmdefrance@aol.com 


jptavan@aol.com 


3 pieces 
Compte crediteur 


2 pieces 
Compte crediteur 


Bertaut Alain 


Autin Bertrand 


abertaut@aol.com 


bautin@aol.com 


3 pieces 
Compte debiteur 


2 pieces 
Compte debiteur 


Tardiveau David 


Fionda Mario 


dtardiveau@aol.com 


mfionda@aol.com 


2 pieces 
Compte crediteur 


1 pieces 
Compte debiteur 



2eme 



1er 



Rdc 



Liste des proprietaires de l'immeuble 
50 rue Voltaire 92240 Malakoff 
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element texte 




element texte 




element texte 




element texte 




element texte 


2eme 




3 




jmdefrane 


t@aol.com 




1er 






3 


<etat 


je> 




<piece> 




<email> 




<etage> 




<piece> 




<proprietaire> 








<proprietaire> 


nom = "Defrance" prenom = "Jean-Marie" 




nom = "Bertaut" prenom = " 


bat = "V compte = "c" 




bat = "3" compte = "d 




<immeuble> 




adresse = "50 rue Voltaire 




ville = "Malakoff" 












cp = "92240" 



Figure 6-2 

Structure du document XML correspondant a la representation de Vimmeuble. 



Exemple de document XML : 

<?xml version="1.0" encoding="iso-8859-l"?> 

<immeuble adresse="50 rue Voltaire" vi lle="Malakoff " cp="92240"> 
<proprietai re prenom="Jean-Marie" nom="Def ranee" bat="a" compte="c"> 

<etage>2eme</etage> 

<piece>3</piece> 

<emai I > jmdef ranceOaol . com</emai I > 
</proprietaire> 
<proprietai re prenom="Al ain" nom="Bertaut" bat="a" compte="d"> 

<etage>ler</etage> 

<piece>3</piece> 

<email >abertaut@aol . com</emai l> 
</proprietaire> 
<proprietai re prenom="David" nom="Tardi veau" bat="a" compte="c"> 
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<etage>Rdc</etage> 

<piece>2</piece> 

<email >dtardi veau@aol . com</email > 
</proprietai re> 
<proprietaire prenotn="Jean-Pierre" nom="Tavan" bat="b" compte="c"> 

<etage>2eme</etage> 

<piece>2</piece> 

<email >jptavan@aol .com</email > 
</proprietai re> 
<proprietaire prenom="Bertrand" nom="Autin" bat="b" compte="d"> 

<etage>ler</etage> 

<piece>2</piece> 

<email >bautin@aol .com</email> 
</proprietai re> 
<proprietaire prenom="Mario" nom="Fionda" bat="b" compte="d"> 

<etage>Rdc</etage> 

<piece>K/piece> 

<emai 1 >mf 1 onda@aol . com</emai 1 > 
</proprietai re> 
</immeuble> 



L'en-tete 

Le document commence par un prologue (non obligatoire) contenant des informations sur la 
version de XML (version-"!.. 0"), le jeu de caracteres utilises (encoding-"iso-8859-l") et 
l'autonomie d'un document (standal one-"no"). Dans le prologue, seule la version est obliga- 
toire. Si aucun type de codage n'est defini, l'UTF-8 est pris par defaut. 

<?xml version="1.0" encoding="iso-8859-l" > 

L'en-tete peut aussi faire reference a une declaration du type de document (la DTD : Docu- 
ment Type Definition) qui permet d'en valider la conformite en se referant a l'URL d'un 
document en ligne ou en local (exemple : http://adressedusite.com/info.dtd). 

<!D0CTYPE info SYSTEM "http://adressedusite.com/info.dtd"> 

Si l'en-tete se refere a une DTD externe - comme c'est le cas dans l'exemple ci-dessus -, le 
document n'est pas autonome et l'attribut standal one doit etre configure avec la valeur "no". 
Dans le cas contraire (s'il n'y a pas de DTD ou si elle est interne), le document est autonome 
et la valeur de l'attribut standalone doit etre definie a "yes". En cas d'absence de l'attribut 
standal one, la valeur par defaut est "no". 
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Le document XML qui suit l'en-tete utilise des blocs de construction semblables a ceux des 
documents HTML pour structurer son contenu. On retrouvera ainsi des elements, des attri- 
buts, des valeurs et des commentaires. 

L'element 

Un element (appele aussi nceud) est l'entite de base d'un document XML. II peut contenir a 
son tour d'autres elements ou tout type de contenu (chaine de caracteres ou autres). Le 
contenu d'un element est encadre par une balise ouvrante (exemple : <proprietai re>) et une 
balise fermante (celle-ci contient le meme nom que celui de la balise ouvrante, mais precede 
d'un slash ex : </propri etai re>). 

Si l'element ne possede pas de contenu, alors les balises ouvrante et fermante sont remplacees 
par une seule et unique balise ayant la particularite d' avoir un slash a la fin du nom de 
l'element (exemple : <email />). 

Le nom indique dans ces deux balises doit decrire le contenu de l'element, mais il n'est pas 
predefini comme en HTML (<body>, <table>, <form>, etc.). S'il est libre, il doit cependant 
comprendre uniquement des lettres de l'alphabet, des chiffres ou les caracteres « - » et « _ », 
mais il ne doit jamais contenir d'espace ou commencer par un chiffre. 

L'attribut 

II est possible d'ajouter des attributs a la balise ouvrante d'un element (exemple : <proprie- 
tai re nom-"Def ranee" >). Les noms des attributs contenus dans une balise sont couples avec 
une valeur encadree par des guillemets (exemple : nom-"Def ranee"). Un attribut doit toujours 
avoir une valeur. Le nombre d' attributs par element n'est pas limite, a condition que chaque 
nom d'attribut soit different (l'exemple ci-apres est done incorrect: <proprietaire 
nom-"Durand" nom-"Dupond">). Si un element a plusieurs attributs, ils doivent alors etre 
separes par des espaces (exemple : <proprietaire prenom-"Jean-Marie" nom-"Defrance">. 

Les valeurs 

Dans un document XML, les valeurs peuvent correspondre a des valeurs d'attribut (comme 
nous venons de le presenter precedemment : nom-"Def ranee") ou a des valeurs d'element 
(exemple : <etage>2eme</etage>). Attention, il est important de noter que la valeur d'un 
element doit etre consideree comme un composant texte enfant a part dans la hierarchie du 
document XML (voir le bloc element texte representant ce nodeVal ue dans la figure 6-2). 

Les commentaires 



Comme pour le HTML, des commentaires peuvent etre ajoutes dans un document XML. La g 

syntaxe est d'ailleurs identique a celle utilisee pour en integrer dans une page HTML £? 

(exemple : <!--Ceci est un commentaire XML-->). A l'interieur d'un commentaire, vous .§ 

a 

pouvez utiliser tout type de symbole, sauf les doubles tirets « - - » . Les commentaires servent m 

evidemment a annoter les documents XML pour se souvenir de l'utilite de certains blocs a 
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d' elements ou pour detailler la structure du document, mais ils peuvent servir aussi a debo- 
guer en neutralisant une partie du document afin qu'il ne soit pas visible par l'analyseur XML. 

Regies d'ecriture d'un document XML bien forme 

Meme si les documents XML sont simples et extensibles, ils n'en sont pas pour autant 
demunis de regies. On appelle « document bien forme » les documents qui les respectent. La 
partie suivante enumere les principales conventions qu'il est indispensable de respecter dans 
vos futurs developpements. 

Une methode simple pour savoir si un document est bien forme est de l'appeler avec un navi- 
gateur Internet recent, c'est-a-dire possedant un interpreteur XML integre tel que les naviga- 
teurs de versions ulterieures a IE 5 ou a Netscape 6 (voir figure 6-2). 

Un seul element racine : chaque document XML ne doit posseder qu'un seul element racine. 
L'element racine est caracterise par le fait qu'il contient tous les autres elements du document. 
Ce composant particulier, s' appelle « noeud racine » ou « root ». 

Exemple : <immeubleXproprietaire>Fionda</ proprietaire >< proprietaire >Tardiveau</ 
proprietaire ><immeuble> (ici labalise immeuble est le noeud racine du document XML). 

Des balises de fermeture obligatoires : nous avons vu precedemment que chaque element 
doit etre encadre par des balises ouvrantes et fermantes. Contrairement au HTML (par 
exemple la balise <p> n'est pas obligatoirement fermee en HTML, de meme que <hr> est une 
balise inherente sans balise de fermeture), le XML ne supporte pas 1' absence des balises 
fermantes. II conviendra done de veiller a toujours ajouter une balise de fermeture a tous les 
elements d'un document XML. Si le document possede un element vide, il faudra utiliser une 
balise unique, mais avec un slash avant le signe > final (exemple : <emai 1 />). 

Respecter l'imbrication des elements : lorsque vous ouvrez un premier element puis un 
second, il faut veiller a clore la balise de fermeture du second avant celle du premier. Ainsi le 
code suivant est incorrect : <aXb>contenu</aX/b> alors que celui-ci est correct 
<aXb>contenu</bX/a>. 

Respecter la casse : le XML est sensible a la casse. Ainsi, les noms d'elements « etage », 
« Etage » et « ETAGE » seront considered comme differents en XML. Les noms des elements 
et des attributs doivent done etre en minuscules. 

Mettre les valeurs des attributs entre guillemets : si une balise contient un couple nom 
d'attribut et sa valeur, il conviendra de mettre toujours la valeur entre guillemets (simples ou 
doubles). Exemple : <proprietaire nom-"Defrance">. 

Utilisez les entites predefinies pour les caracteres reserves : comme en HTML, il existe des 
caracteres reserves dont l'usage est interdit (<, >, &, ' et "). Pour chacun de ces caracteres, il 
convient d'utiliser l'entite predefinie correspondante (< ,> ,& ," ,&apos;). 
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3 http://locdlhast/Sirtsyndic/immeuble.xnil - Microsoft Internet Explorer 



fflffi 



Fichier Edition Affichage Favoris Outils ? 



^ lVttp://tocafrtSC/SlTE5yndic/imrrieijWe.xml 



a ok 



QfTeoSdente * © ■ [«] [*| ^ y- ) Reeherchsf "^Favoris ^J" Media ^> 



<?}(ml version=" 1.0" sncoding="iso-88S9-l* ?> 

<immeuble adresse="50 rue Voltaire" ville= Malakoff" cp="92240"> 

- <proprietaire prenam="Jean-Marie" nom^Defrance" bat="a" compte="c"> 

<etage>2eme</etage> 
<piece>3</piece> 

<em ail> j md ef ra n ce (Bat) I . co m</ema i I > 
</proprietaire> 

- <proprretaire prenom="Alalrt" nom="Bertaut" bat="a* compte="d"> 

<etage>ler</etage> 
<piece>3</piece> 

<emafbabertaut®anl.cnm</eniail> 
</proprietaire> 

- cproprietaire prenom=" David" nom="Tardiveau" bat="a" compte="c"> 

< e t a ge > Rdc</e t age > 
<piece>2</piece> 
<email>dtardiveau{jjSaol.com</email> 

</proprietaire> 

- <proprietaire prenom="Jean-Pierre" nom="Tavan" bat="b" compte="c"> 

<etage>2eme</etage> 
<piece>2</piece> 
<email>jptavan@>aol.com</email> 
</proprietaire> 

- <proprietaire prenom="Bertrand" nom="Autin" bats'b" compte="d"> 

<etage>ler</etage> 
<piece>2</piece> 
<ernail>bautin(B5aol.com</email> 
</proprietaire> 

- <proprietaire prenom="Maric>" nom= "Florida" bat="b" compte="d"> 

<etage>Rdc</etage> 
<piece>l</piece> 

< em ail> mfio n da 8>a o I ,co m</ema i I> 
</proprietaire> 

</immeuble> 



•a 



» j Intranet local 



Figure 6-3 

Affichage d'un document XML bien forme dans un navigateur Internet. 



Utilisez une section CDATA pour contourner un bloc de texte complet : Afin d'eviter 
d'utiliser des entites pour des longs blocs de texte comportant des caracteres reserves, vous 
pouvez ajouter une section CDATA en respectant la syntaxe suivante : <! [CDATA[bloc de 
texte]]> 

Les feuilles de style XSL 

Les feuilles de style XSL (extended Style sheet Language) permettent de gerer la mise en 
page d'un document XML, et sont sur ce point semblables aux feuilles de styles CSS (Casca- 
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ding Style Sheets) qui permettent d'appliquer une mise en forme a un document HTML. 
Cependant, les feuilles de style XSL peuvent aussi etre exploiters cote serveur et integrer des 
fonctionnalites beaucoup plus puissantes que les CSS qui permettent, par exemple, de trans- 
former des donnees au format XML ou de gerer la pagination. 

Sans detailler toutes les caracteristiques techniques des feuilles XSL, il est cependant impor- 
tant de savoir que XSL est surtout une famille de specifications comprenant trois sous- 
ensembles : 

1. XSLT (XSL Transformation) : qui permet, comme son nom l'indique, la transformation 
d'un document XML. 

2. X-Path : qui permet de naviguer a l'interieur d'un document XML pour localiser certains 
objets afin de leur appliquer un traitement. 

3. XSL-FO (XSL Formating Objects) : qui permet de decrire la presentation d'un docu- 
ment. 

En effet, pour publier tout ou partie d'un document XML source, il faut commencer par loca- 
liser l'information (c'est le role de X-Path), puis la transformer dans le format d'un langage 
de presentation (c'est le role de XSLT), et enfin construire le langage de presentation final en 
incluant l'information selectionnee (cela peut etre le role de XSL-FO, notamment dans le cas 
d'un format final PDF, mais en general on se contente d' exploiter le XHTML pour un affi- 
chage dans un navigateur). 

Dans le cadre de cet ouvrage, nous n'aborderons pas le langage XSL-FO, mais nous exploite- 
rons de nombreuses feuilles XSLT qui integreront des instructions X-Path. Nous commence- 
rons done, dans la partie suivante, par definir quelques notions de base sur le langage X-Path, 
afin de pouvoir les appliquer dans des exemples pratiques de transformations XSLT a la fin 
de ce chapitre. 

Le langage de navigation X-Path 

X-Path, comme son nom l'indique, est un langage permettant de definir des « chemins 
d'acces », pour designer des objets cibles dans un document XML. Ces objets ainsi localises 
(pouvant etre tout ou partie du document XML) pourront ensuite etre traites par le fichier 
XSLT, avant d'etre renvoyes a l'application cliente. Les expressions X-Path sont done 
souvent integrees directement dans le fichier XSLT, a tel point qu'on a souvent tendance a les 
confondre. Mais sachez que X-Path est un langage a part entiere pouvant d'ailleurs etre utilise 
dans d'autres contextes. En pratique, les expressions X-Path employees dans les fichiers 
XSLT sont generalement assez simples. Nous n'etudierons done pas tout le langage X-Path 
d'une maniere exhaustive, mais nous nous limiterons a ses principales expressions qui 
permettront deja de traiter la grande majorite des projets de transformation. 
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Mode de lecture 

Les expressions X-Path seront par la suite utilisees dans les fichiers XSLT generes par le comportement 
serveur XSLT de Dreamweaver. II n'est pas indispensable de connaitre la syntaxe du langage X-Path pour 
pouvoir creer vos premiers comportements. Si cette partie dediee a la presentation de X-Path vous 
semble trop ardue ou trop theorique, vous pouvez passer directement a la pratique dans la partie consa- 
cree a la creation des comportements serveur XSLT, et revenir ensuite a ce passage, en deuxieme 
lecture, pour analyser le code genere par Dreamweaver ou I'adapter a vos besoins. 



Modele arborescent utilise par X-Path 

Lorsque X-Path parcourt un document XML, il modelise sa structure arborescente sous la 
forme d'un arbre, selon sept types de nceuds differents. Cet arbre permet ensuite a X-Path 
d'identifier des objets du document XML selon leur type grace a differentes expressions 
specifiques. 

Voici ci-dessous les sept types de nceuds, et quelques exemples d' expressions X-Path permet- 
tant de reconnaitre un objet du document XML selon son type : 

Document : (ou root souvent represente par une barre oblique : /) est le type du nceud racine 
de l'arbre XML. Attention, root n'est pas l'element racine visible du document XML mais 
son pere, et il n'est pas visible dans le document. 

Element : est le type d'un nceud element. Un nceud element peut etre identifie par son nom, 
mais on peut aussi retrouver tous les elements par rapport au nceud contexte a l'aide du carac- 
tere joker : *. 

Text : est le type d'un nceud texte appartenant a un element. II est possible d'identifier tous les 
nceuds textuels par rapport au nceud contexte a l'aide de 1' expression : text( ). 

Attribute : est le type d'un nceud attribut d'un element. L'attribut peut etre identifie par son 
nom precede du symbole @ comme ©nomAttribut par exemple. A noter que Ton peut aussi 
retrouver tous les attributs d'un nceud contexte a l'aide de l'expression @*. 

Namespace : est le type d'un nceud domaine. Le nceud domaine peut etre identifie par son 
nom. 

Processing-instruction : est le type d'un nceud processing-instruction qui correspond, en 
general, a une directive de traitement adressee a un processeur different de XSLT. 

Comment : est le type de nceud commentaire dans un document XML. 
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element texte 

Stents 




element texte 
3 




element texte 

j mdof ra nt o@aol .com 




element texte 

1er 




element text 
3 


e 

e> 

= "A 

"d" 


























<etage> 




<piece> 




<email> 




<etage> 




<piece> 
























<proprietaire> 

nom = "Defrance" prenom = "Jean-Marie" 
bat = "3" compte = "c" 




<proprietair 

nom = "Bertaut" prenom 
bat = "3" compte = 






















<immeuble> 

adresse = "SO rue Voltaire" 

villc = "Malakoff" 

cp = "92240" 












root 
/ 



Figure 6-4 

Arbre XML correspondant a I 'exemple dufichier immeuble.xml presente dans la partie precedents Si vous 
comparez cette structure avec celle de la figure 6-2, vous remarquerez quelle differe uniquement par lapresence 
du noeud racine «root». 
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Syntaxe des expressions X-Path 

Une expression X-Path permet de construire des chemins de localisation qui peuvent etre 
constitues d'une seule etape ou d'une suite d'etapes. Dans le cas d'une suite d'etapes de loca- 
lisation, chacune d'elles sera separee par une barre oblique (/). 

La presence d'une barre oblique initiale indique qu'il s'agit d'un chemin absolu prenant nais- 
sance a la racine de l'arbre. S'il n'y en a pas, il s'agit alors d'un chemin relatif debutant a 
l'endroit du noeud contexte. 
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Syntaxe d'un chemin de localisation absolu (reference a la racine de l'arbre) 

/etapel/etape2/. . ./etapeN 



Syntaxe d'un chemin de localisation relatif au noeud contexte : 
etapel/etape2/. . ./etapeN 



Le noeud contexte 

On utilise souvent, dans les expressions XSLT, le terme de « noeud contexte ». Cela signifie que I'expres- 
sion X-Path sera evaluee d'une maniere relative a ce noeud. Le noeud contexte est designe, dans la 
syntaxe X-Path, par le point (.) ou encore par I'expression (version longue) sel f : : node( ). 



Syntaxe d'une etape de localisation : 

Axe :: Filtre [predicatl] [predicat2] . . . [predicatN] 

L' etape de localisation peut etre decomposee en trois zones differentes : 

1. L'axe (Node set) definit le sens du parcours, a partir du noeud contexte. Par defaut, l'axe 
est l'enfant direct du noeud contexte, soit chi 1 d, mais il peut etre aussi le parent du noeud 
contexte, parent, ses attributs, attribute, ses freres, following-sibling ou preceding- 
sibl ing (selon le sens de lecture du document), ou encore toute sa descendance, descen- 
dant, etc. 

2. Le filtre (Node test), appele aussi « determinant », est une fonction booleenne qui deter- 
mine les noeuds qui seront retenus dans I'expression d'evaluation finale. II existe plu- 
sieurs families de filtres : 

- Si le filtre est un simple nom d' element ou d'attribut, alors seuls les noeuds (elements 
ou attributs) de l'axe choisi dont le nom est egal a celui du filtre seront retenus. 

- Si le filtre est * alors tous les noeuds de l'axe choisi seront retenus. 

- Enfin, le filtre peut selectionner des noeuds de l'axe choisi selon leur type. Par 
exemple si le filtre est textO seront choisis les noeuds de type text, si le filtre est 
commentO seront retenus les noeuds de type comment, etc. II existe cependant un cas 
particulier lorsque le filtre est node( ). En effet, node( ) ne rejetant aucun noeud, dans ce 
cas sera selectionne tout le contenu de l'axe choisi, sans restriction. 

3. Les predicats permettent d'affiner la selection deja operee par les filtres en eliminant 
des noeuds choisis, ceux qui ne repondent pas aux criteres exprimes par leur expression 
(les predicats sont encadres par des crochets [ et ]). Dans 1' exemple suivant : 
child: :proprietaire[position( )-2], seul le second element enfant dont le nom est 
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proprietaire sera selectionne. S'il y a plusieurs predicats, ils sont executes en cascade : 
le resultat d'un predicat est a son tour soumis au predicat suivant (de la gauche vers la 
droite), et ainsi de suite. Les chemins de localisation pouvant etre rapidement tres longs, 
il existe des abreviations que vous pourrez utiliser pour des constructions frequentes 
(voir tableau 6-1). 

Tableau 6-1 - Abreviations X-Path 



Expressior 


X-Path (version 


longue) 


Correspondence (version courte) 


child: -.proprietaire 






proprietaire 


child::* 






* 


attribute: :prenom 






@prenom 


attribute::* 






@* 


[positionf ) = n ] 
self::node( ) 
parent: :node( ) 






[n] 














/descendant-or-self: 


node( ) / 




// 



Union d 'expressions 

Dans certains cas, il est possible d'utiliser I'operateur « | » pour unir deux expressions. 

L'exemple ci-dessous selectionne ainsi I'attribut « prenom » OU « nom » de I'element contexte : 
attribute: :prenom [ attribute: mom 



Pour illustrer cette partie, nous proposons ci-dessous quelques exemples de chemins de loca- 
lisation simples (voir tableau 6-2). 

Tableau 6-2 - Exemples des chemins de localisation simples 



o- 

c 
O 



Chemin (court) 


Chemin (long) 


Objet(s) selectionne(s) 


/ 




/ 


La racine du document. 


proprietaire 




child::propr/efa/re 


Tous les elements <proprietaire> qui sont 
les enfants directs du nceud contexte. 


* 




child::* 


Tous les nceuds de type « Element » qui 
sont les enfants directs du nceud 
contexte. 


@prenom 




attribute::prenom 


L'attribut prenom de I'element contexte. 


@* 






Tous les attributs de I'element contexte. 


Le nceud contexte. 
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Tableau 6-2 - Exemples des chemins de localisation simples (suite) 



Chemin (court) 


Chemin (long) 


Objet(s) selectionne(s) 


text() 


child::text() 


Tous les nceuds de type Textqu\ sont les 
enfants directs du noeud contexte. 


proprietaire/ @prenom 


ch\\&:.proprietaire/a\\r\bu\e::prenom 


L'attribut prenom de I'element 
<proprietaire>. 


proprietaire 
[@ prenom=']eari] 


child::propr/efa/re[attribute::prenom='jean'] 


Les elements <proprietaire> ayant un 
attribut prenom egal a jean et qui sont les 
enfants directs du noeud contexte. 


lletage 


/descendant-or-self::node()/child::efag;e 


Tous les elements <etage> avec racine 
comme ancetre (done tous les elements 
<etage> du document XML). 


..1 proprietaire 


parent::node()/child::prop/7efa/re 


Tous les elements <proprietaire> enfants 
d'un noeud quelconque parent du nceud 
contexte. 



Le langage de transformation XSLT 

Le XSLT est un langage permettant de transformer des documents XML vers des documents 
XHTML (cas le plus frequent), mais aussi vers d'autres pages XML ou encore vers des types 
de formats adaptes aux differents canaux de visualisation (telephone, WebTV...)- XSLT est 
souvent utilise conjointement avec X-Path, le langage de navigation du XSL. 



Mode de lecture 

Les instructions XSLT seront par la suite utilisees dans des fichiers XSLT generes par le comportement 
serveur XSLT de Dreamweaver. II n'est pas indispensable de connaitre la syntaxe des instructions XSLT 
pour pouvoir creer vos premiers comportements. Si cette partie dediee a la presentation de la syntaxe 
XSLT vous semble trap ardue ou trop theorique, vous pouvez passer directement a la pratique dans la 
partie consacree a la creation des comportements serveur XSLT, et revenir ensuite a ce passage, en 
deuxieme lecture, pour analyser le code genere par Dreamweaver ou le modifier pour I'adapter a vos 
besoins. 



Processeur XSL T 

XSLT est un langage interprete, et il faut done disposer d'un interpreteur pour exploiter les 
fichiers XSLT. On appelle « Processeur XSLT » le mecanisme qui permet d' interpreter les 
fichiers XSLT. En pratique, on le trouve sur les serveurs d' application (comme par exemple 
avec PHP et son extension XSL) ou sur les navigateurs recents (comme Internet Explorer 6 ou 
Firefox 1.0.2 ou version ulterieure). 

En resume, pour qu'une transformation XSLT puisse etre effectuee, il faut disposer du docu- 
ment source XML, du document XSLT et d'un processeur XSLT qui executera la transforma- 
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tion, et generera un document resultat pouvant etre une page XHTML, ou tout type de format 
selon le media vise (XML, WML, texte, etc.)- Voir figure 6-5-a. 



Donnees 
XML 



Feuille 
XSLT 




Figure a 



Document 
XML 



Document 
XHTML 



Document 
TXT 







Document 

XML 


„/ 


''Processeu r^k&r 
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Figure 6-5 

Principe de la transformation XSLT. 



XSL permet aussi de transformer un document XML en page imprimable au format PDF ou 
RTF, par exemple. Dans ce cas, le processeur XSLT doit produire un format XSL-FO qui sera 
ensuite traite par un second processeur XSL-FO dedie a cet usage (voir figure 6-5-b). 

Organisation d'un document XSLT 

La structure d'un document XSLT 

Un document XSLT etant un document XML, il doit done commencer par un prologue XML 
(revoir 1' introduction au XML si besoin est) : 

<?xml version="1.0" encoding="i so-8859-l"?> 
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Ce prologue peut quelquefois etre accompagne d'une definition dans la DTD interne, faisant 
reference a l'equivalent Unicode de certaines valeurs frequemment utilisees (c'est le cas 
notamment des pages XSLT generees par Dreamweaver) : 

<!D0CTYPE xsl :stylesheet [ 
<!ENTITY nbsp " "> 

<! ENTITY euro "€"> 
]> 

Vient ensuite l'element racine du document XSLT : 

<xsl :stylesheet version="l .0" xmlns:xsl= , 'http://www.w3.org/1999/XSL/Transform"> 
</xsl :stylesheet> 

L'element racine doit toujours comprendre la version XSLT utilisee, afin qu'elle soit identi- 
fied par le processeur (version-"!.. 0"). L'attribut xsl definit l'espace de nom et l'associe a 
une URL (xmlns:xsl-"http . . .") afin de qualifier d'une maniere explicite tous les elements 
XSLT. 

A l'interieur de l'element racine, il est possible de specifier le format de sortie du document 
produit par le processeur XSLT. Pour cela, il faut utiliser l'instruction xsl : output en precisant 
la methode correspondant au format de sortie (html, xml, text...) et le type d'encodage (UTF- 
8,ISO-8889-l...). 

Exemple : 

<xsl:output method="html " encoding="iso-8859-l"/> 

Les modeles de transformation (template) 

Lorsque le processeur XSLT traite un document XML, il commence par creer une structure 
arborescente (appelee « arbre source ») a l'image du document XML. Le principe de la trans- 
formation consiste ensuite a appliquer a cet arbre source des modeles de transformation 
(appeles template) contenus dans la feuille XSLT, afin de produire un arbre resultat. L' arbre 
resultat ainsi cree permettra d'elaborer le document de sortie (on appelle cette phase la 
« serialisation ») pouvant etre par exemple une structure XHTML (voir figure 6.6). 

Les motifs de selection (pattern) 

Un modele de transformation (template) effectue un traitement sur un motif de selection 
(appele pattern). Concretement un motif de selection correspond a un nceud, ou a un ensemble 
de noeuds, sur lequel le modele va etre applique et pour lequel son contenu sera remplace dans 
1' arbre resultat. Les motifs de selection (pattern) sont exprimes selon le langage X-Path (voir 
figure 6.6). 



© 

CO 

o 
o 

O 



Les comportements serveur XSLT 



Chapitre 6 



Processeur XSLT 

arbresource arb re res u Itat 



Donnees 
XML 



pliasa 
da 

construction 



J V TRANSF 



TRANSFORMATION 



A. 

ORMATION J ^W 



phasa 



senalisaMon 



Document 
Result at 



Motif Modele 

JciMe |? noeud a modifier) (rem place le noeud cidle dans I'arbre? resuHaij 

Regies de transformation (feuille XSLT) 



Figure 6-6 

Principe d'une regie de transformation : le motif cible le nceud (ou groupe de nauds) a remplacer par le modele. 



Les regies de transformation (xslitemplate match="pattern") 

Un programme XSLT se compose principalement d'une serie de regies de transformation qui 
definissent si 1' element courant doit etre traite (grace au motif) et, si oui, par quoi il doit etre 
remplace (grace au modele). Chaque regie est done constitute d'un motif (pattern) et d'un 
modele de transformation (template). Voir figure 6-6. 

Une regie de transformation se presente sous la forme qui suit : 



<xsl : tempi ate match= 

MODELE 

</xsl : tempi ate> 



'M0TIF"> 
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Avec pour MOTIF (pattern) une expression X-Path designant la selection devant etre traitee, et 
pour MODELE le code qui doit remplacer la selection designee par le motif. 

Le MODELE peut contenir un simple texte, des elements XML ou encore d'autres instructions 
XSLT, comme les deux instructions fondamentales que nous allons presenter ci-apres. 



Contrainte concernant les expressions X-Path du motif 

Le motif (pattern) d'une regie est la valeur de I'attribut match. Cette valeur sera materialisee par une expression 
X-Path (revoir si besoin est la partie sur le langage de navigation X-Path). Cependant, I'expression X-Path d'un 
motif doit utiliser exclusivement les axes chi Id:: ou attribute: : a I'exclusion de tous les autres axes 
comme parent : : , sel f : : , etc. (et leur abreviation : revoir tableau 6-1). Parexemple, vous pourrez vousservir, 
comme motif, des chemins suivants: child: :immeuble/proprietai re (ou I'abreviation : « immeuble/ 
proprietaire »), child:: proprietai re/attribute: :nom (ou I'abreviation: « proprietaire/ 
@nom »). Mais vous ne pourrez pas utiliser self: :node() (ou I'abreviation « . »), parent: :node() (ou 
I'abreviation « . . »). Par contre, pour un predicat, vous pourrez employer tous les types d'axes sans restriction. 
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Regies utilisant I'instruction xsl:value-of 

Une regie de transformation utilisant I'instruction xsl :val ue-of se presente sous la forme ci- 
dessous : 

<xsl :templ ate match="MOTIF"> 

<xsl :value-of select -"Chemin X-Path" /> 

</xsl : tempi ate> 

Dans ce cas, au moment du traitement du processeur XSLT, I'instruction <xsl :val ue-of 
select -"Chemin X-Path" /> est remplacee par la valeur textuelle de ce qui est designe par le 
Chemin X-Path de l'attribut select. 

Exemple : 



source.xml 



<?xml version= n 1.0" encoding="iso-8859-l"?> 
O'mmeuble vil 1 e="Mal akoff " > 

<proprietai re nom="Defrance"> 
<etage>2eme</etage> 
<piece>3</piece> 

<email >jmdefrance@aol .com</email > 
</proprietai re> 
<proprietai re nom="Bertaut" > 
<etage>ler</etage> 
<piece>3</piece> 
<email >abertaut@aol .com</emai 1> 
</proprietai re> 
</immeuble> 



testl .xsl 



<?xml version="1.0" encoding="iso-8859-l"?><! -- DWXMLSource="testl.xml " --> 

<xsl :stylesheet version="l .0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> 

<xsl:output method="html " encoding="i so-8859-l"/> 

<xsl :templ ate match-"/"> 

<html> 

<head> 

<title>Testl</title> 

</head> 

<body> 

<p>Nom :<xsl : val ue-of select="immeuble/proprietaire/@nom"/></p> 

<p>Etage : <xsl : val ue-of select="immeuble/propn'etaire/etage"/X/p> 
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<p>E-mail : <xsl :val ue-of sel ect="immeuble/proprietaire/email "/></p> 

</body> 

</html> 

</xsl : tempi ate> 

</xsl :stylesheet> 

Si on executait cet exemple, on obtiendrait alors le resultat suivant : 

Nom : Defrance 

Etage : 2eme 

E-mail : jmdefrance@aol.com 




; t ~ e a ' c *******<*■■ 9 HKAmotor.. 



Figure 6-7 

Exemple de regie utilisant une instruction xsl:value-of. 
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On remarque que seules les informations du premier proprietaire ont ete renvoyees dans le 
resultat. Cela est lie au fait que XSLT selectionne par defaut le premier noeud <propri etai re> 
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(dont l'attribut nom est Defrance dans notre exemple). II est toutefois possible de preciser 
dans l'attribut select un nceud specifique, en precisant son indice entre crochets, apres son 
nom (exemple proprietaire[n]). Ainsi, le meme resultat que l'exemple ci-dessus pourrait 
etre aussi obtenu si nous avions utilise le chemin suivant : immeuble/proprietaire[l]/@nom 
(idem pour la selection des elements etage et email). Par consequent, de cette maniere il 
devient facile de choisir le second nceud <proprietaire> (ou un nceud quelconque) pour 
obtenir, par exemple, les informations du proprietaire « Bertaut » en remplacant les trois 
instructions val ue-of par le code ci-dessous : 

<p>Nom :<xsl : val ue-of select="immeubl e/proprietaire[2]/@nom"/></p> 
<p>Etage : <xsl : val ue-of select="immeubl e/proprietaire[2]/etage"/X/p> 
<p>E -mail : <xsl : val ue-of select="immeubl e/proprietaire[2]/emai 1 "/></p> 

On obtiendrait dans ce cas le resultat suivant : 

Nom : Bertaut 

Etage : ler 

E-mail : abertaut@aol.com 

Regies utilisant I'instruction xshapply-template 

Une regie de transformation utilisant I'instruction xsl :apply-templates se presente sous la 
forme suivante : 

<xsl :templ ate match="MOTIF"> 
. . .<xsl :apply-templates /> 

</xsl :templ ate> 

Dans ce cas, au moment du traitement du processeur XSLT, I'instruction <xsl : apply- 
templates /> genere un fragment du document source correspondant au contenu du nceud 
courant (voir reperes 1 et 2 de la figure 6-8). Ce fragment sera ensuite interprets par les autres 
regies, et cela d'une maniere recursive. Ce concept specifique aux langages declaratifs 
(auxquels XSLT appartient) n'etant pas evident, je vous propose de l'illustrer par un exemple 
pratique. n 

o 
•o 

Exemple (le document XML est le meme que dans l'exercice precedent, source. xml ) : a. 

fcr 

test2.xsl © 

o 
<xsl :stylesheet version="l .0" xml ns:xsl="http://www. w3.org/1999/XSL/Transform"> § 

<xsl:output method="html " encoding="iso-8859-l"/> g 

<xsl : tempi ate match-"/"> •§ 

<html> w 

<head> a 
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<title>Test2</title> 

</head> 

<body> 

<xsl :apply-templates /> 

</body> 

</html> 

</xsl :template> 

<xsl : template match-"immeuble"> 

<p>Liste des proprietai res : </p> 
<xsl :apply-templates /> 

<p>Copyright 2006 </p> 
</xsl :template> 
<xsl : tempi ate match-"propri etai re"> 

<p>Nom :<xsl : val ue-of sel ect="@nom"/></p> 

<p>Etage :<xsl :val ue-of select="etage"/X/p> 

<p>E-mail :<xsl :val ue-of select="email "/></p> 
</xsl :template> 
</xsl :stylesheet> 

Si on executait cet exemple, on obtiendrait alors le resultat suivant : 

Liste des proprietaries : 

Nom :Defrance 

Etage : 2eme 

E-mail : jmdefrance@aol.com 

Nom : Bertaut 

Etage : l er 

E-mail : abertaut@aol.com 

Copyright 2006 

Lorsque le processeur execute la premiere instruction <xsl : apply-templates /> (le nceud 
courant est alors egal a la racine / , voir figure 6-8 repere 1), un fragment du document source 
correspondant au contenu du nceud courant est alors genere. Lorsque la seconde regie est 
executee, elle traite alors ce premier fragment de document. Dans notre exemple, des 
J elements texte etant presents dans le modele de cette seconde regie, ils sont copies dans le 

£, document resultat a ce moment. Puis la seconde instruction <xsl : apply-templates /> est 

*> analysee par le processeur, et un second fragment correspondant cette fois au contenu du 

| nouveau noeud courant (soit, dans notre exemple, <immeuble> ; voir figure 6-8 repere 2) est 

^ produit. Ce dernier est ensuite examine dans la troisieme regie qui exploite des instructions 

g <xsl : val ue-of /> (voir figure 6-8 repere 3). D'ailleurs, les attributs sel ect de ces instruc- 

tions <xsl : val ue-of /> sont configures d'une maniere relative a ce second fragment dont le 
.g 1 nceud courant est maintenant l'element <proprietaire> (select-"@nom", select-"etage" et 

g. select-"email"). 

G 
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Nceud courant 

Dans la partie consacree aux expressions X-Path, nous avions utilise la notion de noeud contexte pour 
definir revaluation d'un element relatif a un noeud. Par contre, pour les transformations XSLT, on emploie 
le terme de noeud courant pour decrire I'execution d'un modele, relative a un noeud. 




Figure 6-8 

Exemple de regie utilisant une instruction xshapply-templates. 



Instructions XSLT 

Dans la precedente partie, nous avons presente les deux instructions de base du XSLT 
(xsl :value-of et xsl :ipply-templates). Vous trouverez ci-apres une selection de commandes 
complementaires qui faciliteront la mise en ceuvre d' applications XSLT dans vos futurs projets. 

Creation d'attributs (xsliattribute) 

Si vous desirez generer un attribut dans le document resultat (pour creer un lien hypertexte par 
exemple), il faut alors utiliser l'instruction xsl : attribute. 
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Elle se presente sous la forme suivante : 

<xsl attribute name="nomAttribut" > 

</xsl :attribute> 

Passons des maintenant a un exemple concret pour l'illustrer. Nous vous proposons de creer 
un lien « mailto » - un lien « mailto » permet de declencher l'ouverture du gestionnaire de 
messagerie du client, en preconfigurant l'e-mail du destinataire - dont le nom et l'attribut href 
devront etre crees dynamiquement a partir du nom du destinataire et de son e-mail, tous les 
deux stockes dans un fichier XML. Le fichier XML source sera le meme fichier source. xrnl 
deja utilise dans les exemples precedents. 



test3.xsl 



<?xml version="1.0" encoding="i so-8859-l"?><! - - DWXMLSource="testl .xml " --> 

<xsl : stylesheet vers ion=" 1.0" xmlns :xsl="http: //www. w3.org/1999/XSL/Transform"> 

<xsl:output method="html " encoding="iso-8859-l"/> 

<xsl : tempi ate match-"/"> 

<html > 

<head> 

<title>Test 3</title> 

</head> 

<body> 

<a> 

<xsl : attribute name-"href">mail to:<xsl :val ue-of select-"immeuble/proprietaire/ 

email "/> 

</xsl :attribute> 

<xsl :val ue-of select-"immeuble/proprietaire/@nom"/> 

</a> 

</body> 

</html> 

</xsl :template> 

</xsl :stylesheet> 

o Lors de l'execution de l'instruction xsl : attribute, la balise <a> herite d'un nouvel attribut 

■a dont le nom est fourni par l'attribut name de l'instruction. La valeur de l'attribut href ainsi 

§" cree est ensuite recuperee par la commande xsl : val ue-of dont l'attribut sel ect est configure 

5 avec l'e-mail du proprietaire (immeuble/proprietaire/email). Le nom du lien cliquable est, 

g quant a lui, retrouve par une seconde instruction xsl : val ue-of dont l'attribut sel ect est para- 

g, metre avec le nom du proprietaire (immeuble/proprietaire/@nom). L'ensemble de ces instruc- 

S tions produira le code suivant dans le document de sortie : 

o <a href="mail to: jmdef rance@aol .com" >Defrance</ a> 



u 
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A noter qu'il existe aussi une instruction xsl :element destinee a generer des balises 
« element » dans le document de sortie, mais qu'elle est rarement utilisee en raison de la fad- 
lite a creer une balise element en l'inserant simplement dans le modele (exemple : 
<title>Test 3</title>). 




Figure 6-9 

Test d'unefeuille XSLT utilisant une instruction xsl: attribute pour creer un lien mailto. 



Instructions de test 

II est souvent interessant, au niveau du document de sortie, de placer une expression de condi- 
tion qui determine la creation d'une partie de code. II faut alors utiliser xsl : if. 

Cette instruction xsl : if se presente sous la forme suivante : 

<xsl:if name="nomAttribut" > 

<!-fragment de code conditionne --> 
</xsl :attribute> 
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Elle permet de creer une condition simple « si... alors ». Elle possede un attribut test qui 
specifie l'expression de condition qui doit etre evaluee pour generer, ou pas, un fragment de 
codesur lequel portera la condition. Dans l'exemple ci-dessous, nous vous proposons de creer 
une liste des noms des proprietaires, separes par une virgule. L'instruction xsl :if permettra 
de conditionner l'insertion de cette virgule qui ne devra pas etre ajoutee si l'element traite est 
le dernier de la liste. Le fichier XML source sera cette fois le fichier source4.xml (voir 
contenu ci-dessous). Le document resultat affichera le texte suivant a l'ecran : 

Liste des proprietaires : 

Defrance , Bertaut , Fionda 

source4.xml 

Attention, il est important, dans cet exemple, de supprimer tous les espaces ou autres carac- 
teres de mise en forme entre les differentes balises du fichier : 

<?xml version="1.0" encoding="i so-8859-l"?> 

<immeuble > 

<proprietai re>Def rance</proprietai re> 

<proprietai re>Bertaut</proprietai re> 

<proprietai re>Fionda</proprietaire> 

</immeuble> 



test4.xsl 



<?xml version="1.0" encoding="i so-8859-l"?><! - - DWXMLSource="testl .xml " --> 

<xsl : stylesheet version="1.0" xmlns :xsl="http: //www. w3.org/1999/XSL/Transform"> 

<xsl:output method="html " encoding="iso-8859-l"/> 

<xsl : tempi ate mitch-"/"> 

<html > 

<head> 

<title>Test 4</title> 

</head> 

<body> 

<p>Liste des proprietaires : </p> 

<xsl :apply-templates /> 

</body> 

</html> 

</xsl :template> 

<xsl : tempi ate match-"immeuble/proprietaire"> 

<xsl :value-of select-". "/> 

<xsl :if test-"not(position( )-last( ))"> 
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</xsl:if> 
</xsl : tempi ate> 

</xsl :stylesheet> 
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Figure 6-10 

7e.sf d'unefeuille XSLT utilisant une instruction xshifpour conditionner I'affichage d'une virgule. 



Instruction de boucle 

Nous avons deja vu, dans la partie dediee aux regies de transformation, qu'il etait possible de 
generer la repetition d'un fragment de code personnalise selon les noeuds a traiter, en utilisant 
Finstruction xsl :apply-template (revoir figure 6-8). Cependant, il existe une autre instruc- 
tion xsl : for -each (plus proche de la programmation procedurale a laquelle nous sommes 
habitues) qui s'apparente a la creation d'une boucle, et qui permet d'obtenir ainsi des resultats 
semblables. Attention, contrairement a son nom qui pourrait etre trompeur, 1' instruction 
xsl :for-each est differente des boucles realisees en PHP avec Finstruction for(). En effet, 
revolution d'un compteur n'est pas possible avec xsl :for-each du fait que XSLT est un 
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langage declaratif et non procedural, comme PHP. Nous allons vous presenter cette instruc- 
tion dans la partie ci-dessous, mais nous vous rappelons que le XSLT etant un langage decla- 
ratif, il est plutot conseille d'utiliser l'instruction xsl :apply-template (en creant plusieurs 
modeles), afin de faciliter la maintenance de votre code et d'en augmenter la modularity (ce 
qui vous permettra ainsi de reprendre facilement les memes modeles dans d'autres 
programmes). 

Cette instruction xsl :for-each se presente sous la forme ci-dessous : 

<xsl :for-each select="nomAttribut n > 

<!-fragment de code repete --> 
</xsl :for-each> 

L'instruction xsl :for-each contient un fragment de code qui sera repete et personnalise pour 
chaque nceud selectionne par l'expression X-Path contenue dans l'attribut obligatoire sel ect. 
Pour vous demontrer les similitudes entre ces deux instructions, nous vous proposons d'illus- 
trer l'utilisation de xsl :for-each en recreant le meme programme que celui de la figure 6-8, 
realise avec une instruction xsl :apply-templ ate. Le fichier XML source sera le meme fichier 
source. xral deja utilise dans les exemples precedents. 



<?xml version="1.0" encoding= n iso-8859-l"?><! - - DWXMLSource="testl .xml " --> 

<xsl : stylesheet version="1.0" xmlns :xsl="http: //www. w3.org/1999/XSL/Transform"> 

<xsl:output method="html " encoding="iso-8859-l"/> 

<xsl : tempi ate match-"/"> 

<html> 

<head> 

<title>Test 5</title> 

</head> 

<body> 

<xsl :apply-templates /> 

</body> 

</html> 

</xsl :template> 

<xsl :template match-"immeuble"> 

<p>Liste des proprietai res : </p> 
<xsl :for-each select-"proprietaire" > 

<p>Nom :<xsl :value-of select-"@nom"/X/p> 

<p>Etage : <xsl :value-of select-"etage"/X/p> 

<p>E-mail : <xsl :value-of select-"email"/X/p> 
</xsl :for-each> 
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<p>Copyright 2006 </p> 
</xsl : tempi ate> 

</xsl :stylesheet> 

Le resultat obtenu avec cette feuille XSLT est le suivant 

Liste des proprietaries : 

Nom : Defrance 

Etage : 2eme 

E-mail : jmdefrance@aol.com 

Nom : Bertaut 

Etage : l er 

E-mail : abertaut@aol.com 

Copyright 2006 
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Figure 6-11 

Test d'une feuille XSLT utilisant une instruction xshfor-each. 



Les comportements serveur XSLT 



teste.xsl 



o- 

c 
O 



Chapitre 6 



Tri des elements 

L'instruction xsl:sort s'utilise exclusivement en complement des instructions xsl:apply- 
template ou xsl :for-each presentees precedemment. Elle permet de trier les differents frag- 
ments de code generes d'une maniere repetitive par l'une des deux instructions citees prece- 
demment. Elle possede plusieurs attributs dont le plus important est select qui permet de 
definir la cle du tri a effectuer. La valeur representant la cle sera une expression X-Path qui 
identifiera l'element ou l'attribut en fonction duquel sera effectue le tri. Un autre attribut 
optionnel nomme order permet de definir l'ordre du tri. La valeur de cet attribut peut etre 
ascending (ordre ascendant) ou descending (ordre descendant). Par defaut, la valeur de order 
est ascending. 

Cette instruction xsl :sort peut se presenter sous deux formes differentes : 

Utilisation de xsl :sort en complement de l'instruction xsl :for-each. 

<xsl :for-each select="nomAttribut" > 
<xsl:sort select-"CLE" /> 

<!-fragment de code repete --> 
</xsl :for-each> 

Utilisation de xsl :sort en complement de l'instruction xsl :apply-templ ate. 

<xsl :template match="MOTIF"> 
. . .<xsl :apply-templates > 

<xsl:sort select-"CLE" /> 
<xsl :apply-templ ates />... 
</xsl : tempi ate> 

Pour illustrer l'utilisation de l'instruction xsl :sort, nous l'avons employee en complement 
d'une instruction xsl : f or-each afin de trier la liste des proprietaires en fonction de leur etage. 
Le fichier XML source sera le meme fichier source. xml deja utilise dans les exemples prece- 
dents. 



<?xml version="1.0" encoding="i so-8859-l"?><! - - DWXMLSource="testl .xml " --> 

<xsl : stylesheet version="1.0" xml ns:xsl="http: //www. w3.org/1999/XSL/Transform"> 

<xsl:output method="html " encoding="iso-8859-l"/> 

<xsl : tempi ate match="/"> 

<html> 

<head> 

<title>Test 6</title> 

</head> 

<body> 
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<xsl :apply-templates /> 

</body> 

</html> 

</xsl :template> 

<xsl : tempi ate match="immeuble"> 

<p>Liste des proprietaires : </p> 
<xsl :for-each select-"proprietaire" > 
<xsl:sort select-"etage" /> 

<p>Nom :<xsl : val ue-of sel ect="@nom"/X/p> 
<p>Etage : <xsl : val ue-of sel ect="etage"/X/p> 
<p>E-mail : <xsl : val ue-of sel ect="email "/></p> 
</xsl :for-each> 
<p>Copyright 2006 </p> 
</xsl :template> 
</xsl :stylesheet> 



Le resultat obtenu avec cette feuille XSLT modifiee est le suivant (a comparer avec le resultat 
de l'exemple precedent) : 

Liste des proprietaires : Nom : 

BertautEtage : l er 

E-mail : abertaut@aol.com 

Nom :Defrance 

Etage : 2eme 

E-mail : jmdefrance@aol.com 

Copyright 2006 



Pour consulter les codes source de ces exemples 

Afin de vous permettre de tester vous-meme les differents exemples de cette precedente partie concer- 
nant le langage XSLT, nous avons rassemble tous les fichiers utilises lors de nos demontrations dans un 
dossier SITExslt disponible dans le kit ressource que vous pouvez recuperer sur le site de I'editeur 
(www.editions-eyrolles.com). 



Le comportement XSLT de Dreamweaver 



Dans cette partie, nous allons enfin passer a la pratique en utilisant le comportement serveur 
XSLT disponible depuis Dreamweaver 8. Nous vous presenterons pas a pas la procedure pour 
vous servir de ce comportement dans le cadre d'une transformation basique. La derniere 
partie de ce chapitre etant consacree a 1' application de ce comportement dans une serie de 
transformations de complexite croissante. L'utilisation des comportements serveur XSLT ne 
necessite aucune connaissance des langages X-Path et XSLT, bien qu'il soit conseille d'en 
avoir. Nous vous invitons cependant a analyser le contenu des pages XSLT creees par Dream- 
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Figure 6-12 

Test d'unefeuille XSLT utilisant une instruction xsLsort en complement d'une instruction xsl:for-each. 

weaver, et a vous reporter aux ressources sur ces langages au debut de ce chapitre, pour bien 
en comprendre les mecanismes et etre capable de les modifier et, pourquoi pas, pour creer vos 
propres pages de transformation vous-meme. 
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Configuration de I'environnement de developpement 

Verification de la presence de I'extension XSL de PHP 

Pour pouvoir utiliser le comportement serveur XSLT de Dreamweaver, il faut que I'extension 
XSL de PHP utilisee par le comportement soit installee. Avant toute chose, il faut done 
commencer par verifier si I'extension est disponible sur votre serveur. Pour cela, un simple 
fichier phpinfo vous renseignera sur cet etat (sur Wamp e'est encore plus simple, car les 
extensions installees sont visibles depuis la rubrique PHP extensions du manager). Nous vous 
rappelons que pour creer un fichier phpinfo.php, il suffitd'insererlafonction phpinfoO dans 



PHP/MySQL avec Dreamweaver 8 



votre page PHP. Une fois la page phpinfo.php affichee, lancer une recherche sur le mot cle 
« xsl » pour localiser rapidement 1' information sur 1' extension XSL (voir figure 6-13). 

Si votre recherche reste infructueuse, 1' extension n'est pas disponible. Vous devrez done 
l'installer avant de creer vos comportements serveur XSLT. 
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Figure 6-13 

Test de presence de V extension XSL de PHP a Vaide d'une recherche dans le phpinfo. 
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Installation de I'extension XSL de PHP 

Dans le cadre de cet ouvrage, nous allons detailler la procedure (tres simple) pour installer 
I'extension XSL sur Wamp5. A noter que selon votre infrastructure serveur, la procedure sera 
differente, et nous vous invitons a consulter la documentation ou le support technique de votre 
serveur pour plus d'informations. 

L' installation de I'extension XSL sur Wamp5 est tres facile. Depuis le manager de Wamp5, 
selectionnez PHP extensions, puis recherchez I'extension php_xsl (vers le bas de la liste). Si le 
nom de I'extension n'est pas precede d'une petite fleche, cela signifie que I'extension n'est pas 
encore installee. Cliquez alors sur le nom de I'extension pour l'activer. Redemarrez ensuite 
Wamp5 en cliquant sur F entree Restart Al 1 Servi ces depuis le manager. Vous pouvez main- 
tenant effectuer le test de presence de I'extension XSL en affichant le fichier phpinfo.php 
comme indique precedemment. A noter que sur Wamp5, un fichier phpi nf o est deja disponible 
depuis la page local host accessible depuis l'entree du meme nom, dans le manager. 



Figure 6-14 

Test de presence de 
I 'extension XSL de PHP 
a Vaide d'une recherche 
dans le phpinfo. 
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Presentation du comportement serveur XSLT 

Rappels sur les transformations XSLT 

Nous avons vu, au debut de ce chapitre, que les documents XML ne contiennent pas d' instruc- 
tions de mise en forme, mais qu'ils permettent de structurer l'information. Nous avons ensuite 
presente le langage XSL qui permet d'organiser un document XML, au meme titre qu'une 
feuille de style CSS permet d'ordonner un document HTML. Si on lie un document XML a 
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une feuille XSL, on peut ainsi afficher son contenu dans un navigateur au format XHTML 
(cas le plus frequent) ou autres, selon l'application cliente ciblee (WML, etc.)- Lorsque nous 
avons aborde les specifications XSL, nous avons presente trois sous-ensembles du XSL : le 
XSLT, X-Path et XSL-FO. Si on dispose d'un processeur XSLT (cote serveur ou cote client) 
et si on associe les deux langages XSLT et X-Path, il est alors possible de transformer le 
contenu d'un document XML parallelement a la mise en forme des informations, operee par 
le langage XSL. 

Cote client ou cote serveur 

En pratique, vous pouvez utiliser le comportement XSLT de Dreamweaver pour creer des 
pages permettant d'effectuer des transformations XSL. Celles-ci peuvent etre realisees cote 
serveur, a l'aide d'une technologie comme PHP, ou simplement cote client en exploitant le 
processeur XSLT integre dans les nouveaux navigateurs Internet. 

Ces deux methodes presentent des avantages et des inconvenients. Les transformations cote 
serveur pourront etre interpreters par tous les navigateurs, puisque le document genere par le 
serveur sera compatible XHTML, alors que les transformations cote client ne pourront pas 
etre prises en charge par les anciens navigateurs (seuls les navigateurs recents comme Internet 
Explorer 6, Firefox 1.0.2, etc., disposent d'un processeur XSLT qui permet de les realiser). 
La transformation cote client necessite le telechargement complet de la source XML, alors 
que pour celle cote serveur, seules les donnees selectionnees par X-Path seront rapatriees dans 
le fichier XSLT. Ce qui peut etre tres avantageux pour traiter des sources XML volumineuses. 
D'autre part, dans le cas d'une transformation cote client, les fichiers XML doivent etre obli- 
gatoirement stockes sur votre serveur Web (vous devez disposer des droits d'ecriture sur le 
fichier XML), tandis que la transformation cote serveur n'a pas cette restriction et peut modi- 
fier dynamiquement des fichiers XML, quel que soit leur emplacement (sur votre serveur ou 
ailleurs sur le Web). Toutefois la transformation cote serveur necessite de disposer d'une 
technologie serveur (comme PHP) et d'une configuration adaptee (posseder l'extension XSL 
sur le serveur d' application), alors que la transformation cote client necessite d' avoir un 
simple serveur Web. 

Dans le cadre de cet ouvrage, nous nous interesserons uniquement aux transformations cote 
serveur. 

Preparation du site Syndic 

Pour appliquer la creation d'un comportement serveur XSLT a une etude de cas concrete, 
nous vous proposons de creer un nouveau site nomme Syndic. L'objectif de ce site est de 
generer, a l'aide d'un comportement XSLT, une fiche d'etat d'un immeuble affichant les 
differentes coordonnees des proprietaires de chaque appartement, classes par batiment, et 
dont la finalite sera de mettre en evidence ceux dont le compte est debiteur. La source XML 
contenant toutes les informations sur les proprietaires sera reprise du fichier utilise dans 
l'introduction au XML presentee au debut de ce chapitre (immeuble. xml). Dans un premier 
temps, nous allons nous servir de ce site pour presenter la procedure de creation d'un compor- 
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tement serveur XSLT avec Dreamweaver, mais sachez qu'il sera aussi repris dans la partie 
suivante consacree aux applications pratiques XSLT. 

1. Depuis Dreamweaver, cliquez sur Site dans le menu, puis selectionnez Nouveau site. 
Renseignez ensuite les informations de la categorie Infos locales et Serveur d'evalua- 
ti on (creer un nouveau dossier SITEsyndi c dans le repertoire www de Wamp5, puis confi- 
gurez les autres parametres comme pour le site Score : revoir figures 2-90 et 2-92). 

2. Ouvrez un nouveau fichier (Ctrl + N) en selectionnant Page de base, puis XML dans la 
fenetre Nouveau document. 

3. Entrez ensuite la structure et les donnees du fichier XML immeubl e.xml presente au debut 
de ce chapitre, dans la partie dediee au XML (voir figure 6-15). Afin d'eviter cette saisie, 
sachez que vous pouvez aussi recuperer ce fichier XML dans le kit de ressource disponible 
sur le site de l'editeur (le fichier i mmeubl e . xml se trouve dans le dossier SITEsyndi c du kit). 
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Figure 6-15 

Creation du fichier immeuble.xml dans Dreamweaver. 
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Page entiere ou fragment XSLT 

Dreamweaver permet de creer des pages XSLT generant entierement une page HTML, ou des 
fragments XSLT ne produisant qu'une partie seulement de la page HTML. 

Une page XSLT entiere est semblable a une page HTML classique. Elle contient une balise 
<body> et une balise <head>, et permet d'afficher des donnees HTML et XML dans la meme 
page. Un fragment XSLT est un ensemble de code regroupe dans un fichier separe, engen- 
drant des donnees XML formatees qui seront ensuite inserees dans la page HTML finale. A la 
difference d'une page XSLT, un fragment XSLT est un fichier independant qui ne contient 
pas de balises <body> ou <head>. 

En pratique, l'usage d'une page XSLT entiere est souvent mieux adapte a la transformation 
cote client, alors que les fragments XSLT sont frequemment utilises cote serveur, dans le 
cadre d'insertion ponctuelle d'un extrait de donnees XML, dans une page dynamique PHP. 

Pour illustrer la creation de comportements serveur XSLT, nous emploierons done des frag- 
ments XSLT. 

Creation d'un fragment XSLT 

1. Commencez par creer une nouvelle page PHP, et enregistrez-la sous le nom fichelmmeu- 
ble.php, a la racine du site Syndic. 

2. Personnalisez cette page en lui attribuant une couleur de fond et un titre, en utilisant les 
styles de votre choix. 

3. En dessous du titre, ajoutez une ligne d'information destinee par la suite a indiquer 
l'adresse, la ville et le code postal de l'immeuble concerne. Pour distinguer les informa- 
tions qui seront issues du fichier XML, nous vous suggerons de les nommer, dans un pre- 
mier temps, avec les mots reperes suivants : ADRESSE, VILLE et CP, et de leur attribuer un 
style specifique (voir figure 6-16). 

4. Enregistrez votre page et passez en mode Code. Placez votre curseur dans le texte que 
vous venez d'ajouter, et cliquez sur le bouton Selectionner une balise parent afin de 
selectionner tout le groupe d'informations contenu entre les balises <p> et </p> (voir 
figure 6-17, cela peut bien sur etre different selon la mise en forme que vous avez reali- 
see). Ces informations representent le modele de votre futur fragment XSLT. Coupez ce 
groupe d'informations en utilisant le raccourci Ctrl + X. 

5. Creez un nouveau document (Ctrl + N) en selectionnant Page de base puis XSLKfrag- 
ment) (voir figure 6-18). 

6. Des l'ouverture de la nouvelle page, une boite de dialogue apparait, vous demandant de 
localiser le fichier XML qui sera exploite dans ce fragment XSLT (voir figure 6-19). 
Deux alternatives sont proposees : Associer un fichier local (sur votre serveur Web) ou 
Associer un fichier distant (ailleurs sur Internet). Dans notre cas, nous choisirons la pre- 
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Figure 6-16 

Mise en forme de lafiche immeuble (fichelmmeuble.php). 



miere et nous cliquerons ensuite sur le bouton Parcourir afin de selectionner le fichier 
immeuble.xml situe a la racine du site Syndic. Une fois le fichier XML configure, cliquez 
sur le bouton OK pour confirmer votre choix. 

Enregistrez des maintenant votre nouveau fichier XSLT sous le nom fragmentlmmeu- 
ble.xsl. Si vous observez le panneau Liaisons (voir figure 6-20), vous remarquerez 
qu'il contient le schema de la structure du fichier XML immeuble.xml. On peut voir ega- 
lement que les differents elements sont designes par leur nom precede du symbole 
« <> ». Les attributs sont aussi represented par leur nom, precede cette fois du symbole 
« @ ». De meme, le nom de 1' element repetitif proprietai re suit le symbole « <>+ ». Pas- 
sez en mode Code et positionnez ensuite votre curseur apres la balise <xsl : tempi ate 
match-"/">. Cliquez sur la touche Entree de votre clavier pour passer a la ligne, et collez 
a cet emplacement le fragment de code que vous aviez coupe precedemment (Ctrl + V, 
voir figure 6-20). 
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Figure 6-17 

Selectionnez puis coupez le groupe d' informations dufutur fragment XSLT. 



Figure 6-18 

Creation du fragment 
XSLT. 




Autre 

Fcufe dff Jtyfc en traadc (CSS} 

C u mte tfi arK da pap [-C55) 

Core cptofK de pane 



K5L pew fragments HTML 



[ Wt | [ fttffrcrew,,, 1 Cfetrtrwdua 



rssn c 



© 

o 
o 

O 



Les comportements serveur XSLT 



Chapitre 6 



^MCTtre *m*vtlttttn%- c 

f c«fv "tli.*9J"> 
<'nrTTTT «g I WMl'> 

CIEITTTT Ldiih "40ttl2f'» 

■iKttn 

I'fHTCTT tutfi "*|S9Mr> 

4kj1: itrltrfieet v«t nor." ~1 . 9" xmlnz.rr 
■Sltl! Output w*ad- , "iii*.|" twoijimj-- m 

■ ■.■nrl: le*] Lv.< ■ 




Figure 6-19 

Localisation de la ressource XML associee an fragment XSLT. 
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Passez maintenant en mode Creation. Selectionnez le mot repere ADRESSE, puis faites un 
double-clic sur l'attribut correspondant dans le panneau Liaisons. Dreamweaver genere 
alors automatiquement le chemin de localisation X-Path relatif a cette information et 
remplace ainsi le mot repere ADRESSE. Procedez de la meme maniere avec les deux autres 
informations concernant l'immeuble : VILLE et CP (voir figure 6-21). 

Enregistrez le fichier fragmentlmmeuble.xsl et revenez maintenant au fichier fichelm- 
meuble.php. Passez en mode Code et placez votre curseur au meme emplacement que 
celui du fragment de code coupe precedemment (voir figure 6-22 repere 1). Cliquez 
ensuite sur le bouton + du panneau Application/Comportements de serveurs et selec- 
tionnez l'option Transformation XSL (voir figure 6-22 reperes 2 et 3). Dans la boite de 
dialogue Transformation XSL, cliquez sur le bouton Parcourir situe a droite du champ 
Fichier XSLT. Choisissez ensuite le fichier fragmentlmmeuble.xsl et validez votre choix. 
Le fichier immeuble.xml doit alors automatiquement etre renseigne, et il ne vous reste 
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Figure 6-20 

Insertion du fragment de code modele dans le fichier XSLT. 



plus qu'a valider cette derniere boite de dialogue en cliquant sur le bouton OK (voir 
figure 6-22 reperes 4 et 5). 

10. Une fois le comportement serveur XSLT cree, on peut observer dans la page fichelm- 
meuble.php qu'un script PHP a ete ajoute a l'endroit du point d'insertion (voir figure 6- 
23). D'autre part, dans le panneau Fichier, un nouveau dossier contenant le fichier de 
classe utilise par ce script a ete aussi automatiquement genere. Evidemment, si vous 
transferez par la suite votre site sur un serveur distant, il ne faudra pas oublier d'y depla- 
cer aussi ce dossier. 

11. Si nous passons maintenant en mode Creation, les chemins de localisation X-Path sont 
alors visibles dans la page (voir figure 6-24). Faites un premier test en cliquant sur le 
bouton Live Data (voir figure 6-25). Enregistrez ensuite toutes vos pages et passez dans 
le Web local pour tester completement le systeme (voir figure 6-26). 
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Figure 6-21 

Configuration des chemins de localisation X-Path correspondant a chaque attribut de Vadresse de I'immeuble. 

Applications pratiques XSLT 

Dans cette partie, nous allons reprendre le developpement, avec Dreamweaver, du site Syndic 
commence dans la partie precedente. Cela va nous permettre de construire progressivement 
une feuille XSLT plus elaboree qui affichera la liste des proprietaires (avec toutes leurs coor- 
donnees), integrera un lien mailto dynamique dans les coordonnees, mettra en evidence les 
comptes debiteurs par l'ajout d'un point rouge devant les noms des proprietaires concernes, et 
enfin scindera en deux parties la liste (batiment A ou B de I'immeuble) selon la situation des 
proprietaires. 



o- 

c 
O 



Creation d'une liste des proprietaires 

Pour commencer, nous allons creer une liste des proprietaires et de leurs coordonnees en 
dessous des informations de I'immeuble. 
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Figure 6-22 

Creation et configuration du comportement serveur XSLT dans la page fichelmmeuble.php. 



La liste des proprietaries venant s'ajouter en dessous de la ligne d'information qui indique 
l'adresse de l'immeuble (ligne d'information deja realisee dans la partie precedente qui 
presentait la procedure pour creer votre premier comportement XSLT), nous pourrions 
repartir de la feuille XSL qui avait ete creee a cette occasion pour continuer le developpement. 
Cependant, il est preferable de definir la mise en forme complete (disposition des elements, 
style, etc.) dans une maquette statique avant de configurer le fragment XSLT dans un fichier 
a part. En effet, par defaut, vous ne disposerez plus d'acces direct aux styles de la page lors de 
la conception du fragment XSLT, et l'ajout ou la modification d'un style ne sera alors plus 
possible (dans notre exemple les styles sont internes a la page, mais dans le cas de styles 
externes, sachez qu'il est possible de definir des feuilles de style « conception » pour 
contourner ce probleme). 

Aussi, nous vous proposons de creer une nouvelle maquette statique depuis laquelle nous 
extrairons un modele avec sa mise en forme, afin d'elaborer un nouveau fragment XSLT ne 
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Figure 6-23 

Emplacement du code correspondant au comportement serveur XSLT. Dans le panneau Fichier on pent aussi 
observer le dossier contenant la classe utilisee par ce comportement. 

necessitant pas d'ajout ou de modification de style (quitte a ce que la description de certaines 
etapes soit redondante avec celle de la partie precedente...)- 

1. Commencez par creer une nouvelle page PHP et enregistrez-la sous le nom f 1 chelmmeu- 
bl e . php a la racine du site Syndic. 

2. Personnalisez cette page en lui attribuant une couleur de fond et un titre, en utilisant le 
style de votre choix. 

3. En dessous du titre, ajoutez une ligne d'information destinee par la suite a indiquer 
l'adresse, la ville et le code postal de l'immeuble concerne. Pour distinguer les informa- 
tions qui seront issues du fichier XML, nous vous suggerons de les nommer, dans un pre- 
mier temps, avec les mots reperes suivants : ADRESSE, VILLE et CP, et de leur attribuer un 
style specifique. Disposez ensuite les donnees concernant les proprietaries en leur appli- 
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Figure 6-24 

£n morfe Creation les chemins de localisation X-Path sont visibles a V emplacement des informations dynamiques. 



quant des mots reperes de la meme maniere : NOM, PRENOM, EMAIL, PIECE et ETAGE, et inse- 
rez une icone de votre choix devant le mot repere NOM (voir figure 6-27). 

4. Passez en mode Code et selectionnez cette fois tout le contenu de la balise <body>, puis 
coupez ce groupe d' informations en utilisant le raccourci Ctrl + X. 

5. Creez un nouveau document (Ctrl + N) en selectionnant Page de base puis XSLKfrag- 
ment) (revoir figure 6-18). 

6. Des l'ouverture de la nouvelle page, une boite de dialogue apparait, vous demandant de 
localiser le fichier XML qui sera exploite dans ce fragment XSLT (revoir figure 6-19). 
Optez pour le fichier local et cliquez sur le bouton Parcourir, afin de selectionner le 
fichier immeuble.xml situe a la racine du site Syndic. Une fois le fichier XML configure, 
cliquez sur le bouton OK pour confirmer votre choix. 
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Figure 6-25 

res/ en Live Data de I 'insertion du fragment XSLT dans la page fichelmmeuble.php. 



Test de la page XSLT 
fichelmmeuble.php dans 
le Web local. 
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Figure 6-27 

Informations figurant dans la nouvelle maquette de lafiche d'immeuble. 



7. Enregistrez des maintenant votre nouveau fichier XSLT sous le nom fragmentlmmeu- 
ble.xsl (en ecrasant l'ancien). Passez en mode Code et positionnez ensuite votre curseur 
apres la balise <xsl :template match-"/">. Cliquez sur la touche Entree de votre clavier, 
et collez a cet emplacement le fragment de code que vous aviez coupe precedemment 
(Ctrl + V). 

8. Passez maintenant en mode Creation. Selectionnez le mot repere ADRESSE, puis faites un 
double-clic sur l'attribut correspondant dans le panneau Liaisons. Procedez de la meme 
maniere avec les autres informations concernant l'immeuble (VILLE et CP) et les coordon- 
nees des proprietaires (NOM, PRENOM, EMAIL, PIECE et ETAGE, voir figure 6-28), en selection- 
nant soit l'attribut soit 1' element en rapport. 

9. Nous allons maintenant mettre en place une region repetee pour les coordonnees des pro- 
prietaires. Passez en mode Code et selectionnez la partie de code situee entre la balise 
<p class-"Style2">Liste des proprietaires : </p> et la balise de la ligne du bas de la 
page <hr /> (voir figure 6-29). Dans le menu de la barre d'outils Insertion, selectionnez 



© 

CO 

o 
o 

O 



Les comportements serveur XSLT 



Chapitre 6 



M IJJ I IIJ,I...I..III I MWI„HI!MM!W 




Figure 6-28 

Couplage des mots reperes et des elements et attributs disponibles depuis le panneau Liaisons. 



l'option XSLT puis cliquez sur le bouton Region repetee (voir figure 6-29). Dans la boite 
de dialogue Xpath Expression Builder, selectionnez l'element repete proprietaire puis 
cliquez sur le bouton OK pour valider votre choix. 

10. Revenez en mode Code. Vous devriez voir maintenant la zone precedemment selection- 
nee encadree avec une etiquette xsl :for-each. Enregistrez le fichier fragmentlmmeu- 
ble.xsl et revenez maintenant au fichier fichelmmeuble.php. Passez en mode Code et 
placez votre curseur entre les balises <body> et </body>. Cliquez ensuite sur le bouton + 
du panneau des Propri etes et selectionnez l'option Transf ormati on XSL. Dans la boite de 
dialogue Transformation XSL, cliquez sur le bouton Parcourir situe a droite du champ 
Fichier XSLT. Selectionnez ensuite le fichier fragmentlmmeuble.xsl et validez votre 
choix. Le fichier immeuble.xml doit alors automatiquement etre renseigne, et il ne vous 
reste plus qu'a valider cette derniere boite de dialogue en cliquant sur le bouton OK (voir 
figure 6-30). 
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Figure 6-29 

Configuration d'une region repetee dans lafeuillefragmentlmmeuble.xsl. 



11. Passez en mode Creation. Vous devriez voir apparaitre les differentes informations 
dynamiques que vous avez parametrees dans le fragment XSLT. Cliquez sur le bouton 
Live Data afin de voir l'apercu de la page (voir figure 6-31). Si cela vous convient, enre- 
gistrez votre page et testez-la dans le Web local. 



En cas de probleme avec les caracteres accentues 

Par defaut, le fragment XSLT de Dreamweaver cree une definition dans la DTD interne faisant reference 
a I'equivalent Unicode (revoir la partie sur I'organisation d'un document XSLT). Pour que les caracteres de 
cette definition puissent apparaitre, il faut que le fragment XSLT et la page PHP soient aussi configures en 
Unicode (UTF-8). Aussi, si vous rencontrez des problemes d'affichage avec certains caracteres accen- 
tues, assurez-vous que ces deux documents sont bien configures en UTF-8 et non en ISO-8889-1 (atten- 
tion, il y a deux attributs encoding dans le fragment XSLT). 
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Figure 6-30 

Creation d'un fragment XSLT dans la page fichelmmeuble.php. 



Creation d'un lien mailto dynamique 

L' e-mail de chaque proprietaire est actuellement affiche d'une maniere statique dans la liste. 
Nous allons rendre dynamique cette information, de sorte qu'un clic sur le lien declenche le 
gestionnaire de messagerie du poste client, et que l'e-mail du destinataire soit preconfigure 
avec celui du proprietaire. 

1. Depuis le fichier fragmentlmmeuble.xsl en mode Creation, selectionnez la variable 
dynamique emai 1 (voir figure 6-32 repere 1). 

2. Cliquez ensuite sur le dossier jaune situe a droite du champ Lien dans le panneau Pro- 
prietes (voir figure 6-32 repere 2). 

3. En haut de la fenetre Selectionnez un fichier, choisissez l'option Sources de donnees 
(voir figure 6-32 repere 3). 
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Figure 6-31 

Apercu de la region repetee de la page fichelmmeuble.php en Live Data. 



Dans la zone Selectionnez le noeud a afficher, selectionnez le nceud email, puis cli- 
quez sur le bouton OK pour valider votre choix (voir figure 6-32 repere 4). 

Le noeud {email} doit alors apparaitre dans le champ Lien du panneau Proprietes. Posi- 
tionnez votre curseur avant la premiere accolade et ajoutez le texte mail to: (voir 
figure 6-32 repere 5). 

Enregistrez la page fragmentlmmeuble.xsl et appelez la page fichelmmeuble.php depuis 
le Web local (voir figure 6-33). Si vous cliquez sur l'un des liens d'un proprietaire, votre 
gestionnaire de messagerie doit alors s'ouvrir, preconfigure avec l'adresse e-mail du pro- 
prietaire concerne. 
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Tri de la liste des proprietaires 

Par defaut, la liste des proprietaires est affichee selon l'ordre des elements <proprietaire>, 
dans le fichier source XML. Nous desirons maintenant parameter le fragment XSLT de sorte 
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Figure 6-32 

Configuration d'un lien mailto dans fragmentfmmeuble.xsl. 

que les proprietaries soient tries par ordre alphabetique, selon leur nom. Cependant, Dream- 
weaver ne possede pas d'assistant pour configurer l'ordre d'une liste en mode Creati on. Nous 
allons done ajouter une instruction xsl :sort en mode Code (revoir, si besoin est, les instruc- 
tions XSLT dans la partie precedente). 

1. Depuis le fichier fragmentlmmeuble.xsl en mode Code, placez votre curseur apres la 
balise : 

<xsl : for- each select="immeubl e/proprietai re"> 
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2. Saisissez a cet endroit la ligne de code ci-dessous, en vous aidant des conseils de code de 
Dreamweaver (voir figure 6-34) : 

<xsl:sort select="@nom" order="ascending" /> 
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Figure 6-33 

Test du lien mailto depuis le Web local. 

3. Enregistrez ensuite votre fichier fragmentlmmeuble.xsl et affichez la page fichelmmeu- 
ble.php depuis le Web local. Les proprietaires doivent etre maintenant classes par ordre 
alphabetique. 



Affichage conditionne d'une icone 

Afin de faire apparaitre distinctement les proprietaires debiteurs, nous allons afficher d'une 
maniere conditionnee 1' icone (un rond rouge) devant le nom de chaque proprietaire, unique- 
ment si celui-ci est debiteur. 

1. Depuis le fichier fragmentlmmeuble.xsl en mode Creation, selectionnez le point rouge 
place devant le nom du proprietaire (voir repere 1, figure 6-35). 

2. Dans le menu de la barre d'outils Insertion, selectionnez l'option XSLT, puis cliquez sur 
le bouton Region conditionnelle (voir repere 2, figure 6-35). 

3. Dans la boite de dialogue Region conditionnelle, saisissez l'expression de la condition 
@compte='d' (voir repere 3, figure 6-35) afin d'afficher 1' icone uniquement si l'attribut 
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Figure 6-34 

Configuration du tri de la liste des proprietaries en mode Code. 

compte de 1' element <proprietaire> est egal a la valeur 
boite de dialogue afin de confirmer votre choix. 



d » (pour debiteur). Validez la 



Enregistrez ensuite votre fichier fragmentlmmeuble.xsl et affichez la page fichelmmeu- 
bl e.php depuis le Web local (voir figure 6-35). Le point rouge doit maintenant etre affi- 
che uniquement devant les proprietaires dont l'attribut compte est egal a la valeur « d » 
(ouvrez eventuellement le fichier immeuble.xml pour vous assurer de l'etat de l'attribut 
compte de chaque balise <proprietaire>). 
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Decoupage de la liste en deux parties 

Nous desirons maintenant decouper cette liste en deux parties. La premiere regroupera les 
proprietaires residant dans le batiment A, alors que la seconde rassemblera les proprietaires du 
batiment B. 
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Figure 6-35 

Configuration d'une region conditionnee pour afficher le point rouge uniquement si le proprietaire est debiteur. 



1 . Copiez (Ctrl + C) la liste repetee en incluant le texte qui la precede (Liste des proprietai- 
res) et la barre horizontale placee a la fin. 

2. Placez-vous en dessous de la barre horizontale du bas et collez (Ctrl + V) le code prece- 
demment copie, a cet endroit. 

3. Personnalisez le texte qui precede chaque liste, en precisant qu'il s'agit des proprietaires 
du batiment A, pour la liste du haut, et des proprietaires du batiment B, pour la liste du bas. 

4. Selectionnez la balise <xsl :for-each> de la liste du haut dans le selecteur de balise, et 
cliquez ensuite sur Ficone en forme d'eclair situee a droite du champ SELECT, dans le 
panneau des Proprietes. 

5. Dans la boite de dialogue Createur d 'expression, cliquez sur le lien Creer un filtre 
afin de deplier la zone Fi 1 tre de creati on de la boite de dialogue. 
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Test du fonctionnement 
de la region 
conditionnee depuis le 
Web local. 
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6. Configurez l'expression en selectionnant proprietaire pour le champ Filtre par, ©bat 
pour le champ WHERE, = pour le champ Operation, et saisissez enfin la valeur 'a' (avec les 
guillemets) dans le champ Valeur (voir figure 6-37). 

7. Validez votre expression en cliquant sur le bouton OK. Renouvelez la meme operation 
pour la liste dubas, mais en saisissant cette fois la valeur 'b' pour le champ Valeur. 

8. Enregistrez ensuite votre fichier fragmentlmmeuble.xsl et affichez la page fichelmmeu- 
ble.php depuis le Web local (voir figure 6-38). Deux listes apparaissent maintenant, 
dans lesquelles les differents proprietaries doivent etre repartis (ouvrez eventuellement le 
fichier immeuble.xml pour vous assurer de la concordance de la valeur de l'attribut bat de 
chaque balise <proprietaire>). 
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Figure 6-37 

Configuration de V expression de condition pour la liste du haut (proprietaires du bdtimentA). 
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Figure 6-38 

Test de fonctionnement du decoupage de la liste depuis le Web local. 
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Comportements serveur et 

extensions 



Les comportements serveur 

Au cours des precedents chapitres, vous avez utilise de nombreux comportements standards 
de serveur (livres avec Dreamweaver 8) pour ajouter des fonctionnalites dynamiques a vos 
pages en mode Creation. Depuis le chapitre 5, vous etes apte a composer de petits 
programmes PHP en mode Code. Ces connaissances du langage PHP vous permettront de 
developper vos propres scripts mais aussi de creer de nouveaux comportements utilisateur. 
Cependant, quel que soit votre objectif, si vous desirez intervenir dans le code source sans 
mettre en peril la bonne marche des comportements existants, certaines precautions doivent 
etre prises pour que tous ces elements puissent cohabiter. 

Avant toute chose, il est important de bien comprendre le fonctionnement des comportements 
de serveur. Commencons par en rappeler la procedure d'ajout dans une page. Lorsque vous 
cliquez sur le bouton + du panneau Comportements de serveur, les titres des comportements 
standards s'affichent dans le menu contextuel. Si vous selectionnez l'un de ces comporte- 
ments, une boite de dialogue s'ouvre afin que vous puissiez le parametrer. Apres validation, 
il est repertorie dans la liste des comportements appliques a la page, qui est visible dans le 
panneau Comportements de serveur. Si vous observez le code source de la page avant et apres 
l'ajout du comportement, vous remarquez qu'un (ou plusieurs) bloc de code (appele aussi 
participant) a ete ajoute lors de l'integration du comportement de serveur. Pour savoir quels 
sont les comportements inclus dans une page, Dreamweaver identifie chacun de ces scripts en 
se reperant a des modeles de code specifiques dans la page (definis selon leur structure, leur 
nom ou encore selon le commentaire qui accompagne le code). Ainsi, des qu'on ouvre une 
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page, les comportements sont identifies grace a ces participants, puis repertories et affiches 
dans la fenetre des comportements serveur. 

Cependant, si vous changez le code (un simple commentaire, saut de ligne ou espace) d'un 
comportement serveur deja affecte a la page, le panneau Comportements de serveur ne le 
reconnait plus ; il disparait de la liste ou bien il est precede d'un ! rouge indiquant qu'il n'est 
plus operationnel. II faut done eviter de modifier les scripts des comportements integres par 
Dreamweaver, au risque de ne plus pouvoir les gerer avec l'interface visuelle de Dream- 
weaver, voire de les rendre inoperants. D' autre part, si vous desirez ajouter des scripts a vos 
pages (grace aux editeurs presentes dans le chapitre precedent ou a l'aide du createur de 
comportements qui sera etudie dans ce chapitre), il faut veiller a les rendre independants des 
comportements standards existants, eviter de choisir des structures de code semblables ou des 
noms de variables qui pourraient entrer en conflit avec ceux utilises par Dreamweaver. A ce 
sujet, n'utilisez jamais le prefixe MM_, car il est exclusivement reserve a l'usage de Macro- 
media, qui en fait preceder toutes ses fonctions et variables. En revanche, de votre cote, vous 
pouvez adopter la meme convention et employer vos propres initiales comme prefixe a toutes 
vos variables. Cela vous permet ainsi de personnaliser vos codes et d'eviter tout risque de 
conflit potentiel. 

Les comportements serveur standards 

Dreamweaver dispose en standard de nombreux comportements qui vous permettent de 
realiser les pages dynamiques les plus courantes. Vous trouverez ci-dessous un descriptif de 
chaque comportement standard, illustre par un exemple de code produit lors de son integra- 
tion dans une page Web. 



Figure 7-1 

Le menu deroulant de la 
fenetre des 
comportements de 
serveur vous permet 
d'integrer a votre page 
de nombreux 
comportements livres en 
standard avec 
Dreamweaver. 



,fe.i,,,,fe,i,..,l™ fe°~ 



tort r eln di ft faeces a Ls page 
Verrfier le rrajveau nom d'utfcsote uf 



* CSS 

r Application 

Compoftements de servev 
Type da dooirwnt :PHP 
5eu dewegHtrements 

Region r*>jtfe 

Pagination &j leu o'er* *5rtti efnery i 

Aft'cher la rtg«3rt 

Affither le nornbred'enreejstrernerft 

Teste aVnAfrimc 



frsefer un enregst/ement 

Mottio a pur rerreoseremer* 
Suponmer renregtstrement 
Elements de formula* e oYnaroquK 

TrtrrtfOrffhSttWl >5L 



Modtf ief les comport e merits de serveur . ., 
Hooveau compor tement de tetveut . . . 
Obtenk (T*yie£ ccrnpor Cements de serveur. - 



© 

to 

o 
o 
o\ 

O 



Comportements serveur et extensions 



Chapitre 7 



Jeux d'enregistrements 

Les jeux d'enregistrements font partie des comportements de serveur, meme s'il est aussi 
possible de les creer par le biais de la fenetre Liaisons. Nous avons deja aborde en detail 
l'utilisation du jeu d'enregistrements au cours du chapitre 2, et nous vous invitons a vous y 
reporter si vous desirez en savoir plus sur les differentes options. 



Figure 7-2 
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Region repetee 

Le comportement Regi on repetee permet de construire des tableaux dynamiques ou tout autre 
ensemble d'elements dynamiques comportant des variables issues d'un jeu d'enregistre- 
ments. II est possible de faire apparaitre tous les enregistrements sur la meme page ou d'en 
choisir le nombre a presenter. L'affichage des differentes pages est gere par un (ou plusieurs) 
comportement Pagination, que nous presenterons ci-apres. 

Voici un exemple d'une region repetee constitute par la seule variable $row_rsSelect- 
Resultat['resultat'] : 

<?php do {?> 

<P> 

<?php echo $row_rsSel ectResul tat[ ' resul tat ' ] ;?> 

</p> 
<?php } while ($row_rsSel ectResul tat= mysql_fetch_assoc($rsSelectResul tat) ) ; 
?> 
/* II est a noter que le nombre d'enregistrements a afficher par page est memorise 

dans une variable (pour notre exemple : $maxRows_rsSel ectResul tat=2) qui est 

integree dans la zone de code precedant le jeu concerne en haut de page.*/ 
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Figure 7-3 

Boite de dialogue du 
comportement de 
serveur Region repetee. 
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Pagination du jeu d'enregistrements 

Le comportement Pagination du jeu d'enregistrements necessite la creation prealable d'un 
comportement Regi on repetee pour lequel on a choisi un nombre d'enregistrements a afficher 
limite par page, et non l'option Tous les enregistrements (revoir figure 7-3). II permet de 
gerer les differentes pages de la Region repetee a l'aide de liens crees a cette occasion. On 
peut ainsi presenter les enregistrements de la premiere ou de la derniere page ou encore passer 
a la page suivante ou precedente. Pour creer un lien de pagination, commencez par selec- 
tionner un texte dans la fenetre document en mode Creation, cliquez ensuite sur le + du 
panneau Applications/Comportements de serveur et selectionnez Pagination du jeu d'enre- 
gi strements et l'option desiree (voir liste ci-dessous). Dans la boite de dialogue, vous pouvez 
modifier le texte du lien si celui que vous avez selectionne ne vous convient pas. Vous devez 
aussi choisir le jeu d'enregistrements concerne par la pagination avant de valider votre crea- 
tion (voir figure 7-4). 

Les options d'un comportement Pagination sont les suivantes : 

• deplacement vers la premiere page ; 

• deplacement vers la page precedente ; 

• deplacement vers la page suivante ; 

• deplacement vers la derniere page. 

Voici un exemple de code produit par un comportement Pagi nati on page sui vante (sur le lien 
suivant) : 

<a href="<?php printf ( n &s?pageNum_rsSelectResul tat=Ms" , ScurrentPage, 

min($total Pages„rsSel ectResul tat , Spa geNurrurs Select Res ul tat+1) , 

SqueryString_rsSelectResul tat) ; ?>"> 

suivant 

</a> 



Figure 7-4 

Boite de dialogue du 
comportement de 
serveur Pagination d'un 
jeu d'enregistrements. 
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Affichage de la region 

Le comportement Afficher la region rend conditionnel l'apparition d'une zone prealable- 
ment selectionnee dans la fenetre du document, en mode Creation. Plusieurs options sont 
proposees pour definir la condition d' affichage de la region (voir liste ci-dessous). Une fois 
l'option choisie, la configuration de la boite de dialogue se limite a la selection du jeu d'enre- 
gistrements concerne (voir figure 7-5). 

Les options disponibles sont les suivantes : 

• si le jeu d'enregistrements est vide ; 

• si le jeu d'enregistrements n'est pas vide ; 

• s'il s'agit de la premiere page ; 

• si ce n'est pas la premiere page ; 

• s'il s'agit de la derniere page ; 

• si ce n'est pas la derniere page. 

Voici un exemple du code produit par un comportement Af f i cher 1 a regi on dans le cas d'un 
affichage conditionne par un jeu vide (dans l'exemple, il s'agit du jeu rsSelectResultat) : 



<?php if ($total Rows_rsSelectResul tat 

<p>REGI0N SELECTIONNEE</p> 

<?php } // Show if recordset empty ?> 



0) { // Show if recordset empty ?> 



Figure 7-5 

Boite de dialogue du 
comportement de 
serveur Afficher la 
region. 
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Affichage du nombre d'enregistrements 

Le comportement Afficher le nombre d'enregistrements doit lui aussi etre utilise avec un 
jeu d'enregistrements pour lequel on a deja cree un comportement Regi on repetee. II affiche 
un nombre concernant le jeu d'enregistrements gere par le comportement Region repetee. 
Trois options sont disponibles (voir liste ci-dessous). Comme dans le cas du comportement 
Afficher la region, la configuration de la boite de dialogue se limite a la selection du jeu 
etudie (voir figure 7-6). 

Les trois options disponibles sont les suivantes : 

• afficher le numero du premier enregistrement ; 
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• afficher le numero du dernier enregistrement ; 

• afficher le nombre total d'enregistrements. 

Voici un exemple de code produit avec un comportement Afficher le nombre total 
d'enregistrements : 

<?php echo $total Rows_rsSelectResul tat ?> 



Figure 7-6 
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Texte dynamique 

Le comportement Texte dynamique affiche un texte dynamique dans la fenetre Document en 
mode Creation. Pour cela, la variable du texte dynamique doit simplement etre accessible 
depuis le panneau Liaisons. II est a noter qu'on peut aussi arriver au meme resultat en reali- 
sant un glisser-deplacer de la variable concernee depuis le panneau Liaisons vers la fenetre 
Document en mode Creation. La configuration de ce comportement consiste a selectionner la 
variable dynamique desiree dans la fenetre Champ, et a valider le choix en cliquant sur le 
bouton OK (voir figure 7-7). 

Voici un exemple de code produit par un comportement Texte dynamique : 

<?php echo $row_rsSelectResul tat[ 'mois' ] ; ?> 



Figure 7-7 
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Insertion d'un enregistrement 

Le comportement Inserer un enregistrement ajoute un ensemble de valeurs dans une table 
specifique de la base de donnees (grace a la commande SQL INSERT). II faut au prealable creer 
un formulaire qui comporte des elements (champ, liste, case a cocher, bouton radio...) en 
rapport avec les champs de la table concernee (au moins autant d' elements que de champs 
obligatoires dans la table et portant les memes noms que les champs). Meme si les relations 
entre ces elements et les champs de la table peuvent etre modifiees individuellement dans la 
boite de dialogue du comportement (menu Valeur), il est judicieux de donner aux differents 
elements du formulaire les memes noms que les champs auxquels ils sont destines. II convient 
de verifier que chaque champ obtient bien une valeur avant de valider le comportement (sauf 
pour les cas particuliers pour lesquels cela n'est pas obligatoire, comme les champs auto- 
incrementes ou optionnels). Enfin, on peut renseigner un nom de fichier dans le champ du bas 
de la boite de dialogue, afin d'indiquer vers quelle page l'internaute est oriente une fois 
l'insertion dans la base effectuee (voir figure 7-8). 

Voici un exemple de code produit par un comportement Inserer un enregistrement : 

<?php 

/* fonction de traitement individuel des valeurs selon leur type */ 

function GetSQLValueString($theValue, $theType. $theDefinedVal ue-"", 

A$theNotDefinedValue-"") 

{ 

return StheValue; 

} 

/* elaboration de l'URL complete avec ses parametres : SeditFormAction */ 

SeditFormAction - $_SERVER['PHP_SELF'] ; 

if (isset($_SERVER['QUERY_STRING'])) { 

$editFormAction .- "?" . htnlentities($_SERVER[ 'QUERY_STRING']) ; 

} 

/* Creation et envoi de la commande SQL "SinsertSQL" au serveur de base de donnees 

*/ 

if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] — "forml")) { 

$insertSQL - sprintf ("INSERT INTO agences (ville, secteur) VALUES (%s. %s)". 

| GetSQLValueString($_POST['ville'], "text"). 

| GetSQLValueString($_POST[ 'secteur'], "text")); 

w 

oj mysql_select_db($database_ConnexionScore, $ConnexionScore) ; 

| $Resultl - mysql_query($insertSQL, $ConnexionScore) or die(mysql_error( )) ; 

^ /*redi rection vers la page desiree "SinsertGoTo" apres l'insertion des donnees 

q dans la base */ 

© SinsertGoTo - "liste. php"; 

% if (isset($_SERVER['QUERY_STRING'])) { 

£ SinsertGoTo .- (strpos($insertGoTo. '?')) ? "&" : "?"; 
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$insertGoTo .- $_SERVER['QUERY_STRING'] ; 
} 
header(sprintf ("Location: %s", $insertGoTo) ) ; 



} 
?> 



Figure 7-8 
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Mise a jour de I'enregistrement 

Le comportement Mettre a jour 1 'enregistrement modifie certains champs d'un enregistre- 
ment defini (grace a la commande SQL UPDATE). II est semblable au comportement lnserer et 
sa boite de dialogue doit etre renseignee de la meme maniere. Cependant, il convient de 
s'assurer que la cle primaire, qui permet d'identifier d'une maniere unique I'enregistrement a 
mettre a jour, est presente dans les donnees fournies par le formulaire. A cet effet, une case a 
cocher est prevue (a droite du champ Envoyer en tant que) pour modifier le champ utilise 
comme cle primaire, si celui qui est choisi par defaut par Dreamweaver ne convient pas. II est 
a noter qu'ici aussi, vous devez creer un formulaire avant d'inserer le comportement dans la 
page. Enfin, vous pouvez renseigner un nom de fichier dans le champ du bas de la boite de 
dialogue afin de preciser vers quelle page l'internaute sera oriente apres la modification (voir 
figure 7-9). 

Voici un exemple de code produit par un comportement Mettre a jour I'enregistrement: 

<?php 

/* fonction de traitement individuel des valeurs selon leur type */ 
function GetSQLValueString($theValue, ItheType. $theDefinedValue-"". 
A$theNotDef i nedVal ue-"" ) 

{ 
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return ItheValue; 
} 
/* elaboration de l'URL complete avec ses parametres : SeditFormAction */ 
leditFormAction - $_SERVER['PHP_SELF'] ; 
if (isset($_SERVER['QUERY_STRING'])) { 

$editFormAction .- "?" . htmlentities($_SERVER[ 'QUERY_STRING']) ; 
} 

/* Creation et envoi de la commande SQL SupdateSQL au serveur de base de donnees */ 
if ((isset($_POST["MM_update"])) && ($_POST["MM_update"] — "forml")) { 
$updateSQL - sprintf ("UPDATE agences SET ville-%s, secteur-%s WHERE ID-%s". 
GetSQLValueString($_POST['ville']. "text"), 
GetSQLValueString($_POST['secteur'], "text"), 
GetSQLValueString($_POST[ ' ID'] . "int") ) ; 
mysql_select_db($database_ConnexionScore, $ConnexionScore) ; 

$Resultl - mysql_query($updateSQL, $ConnexionScore) or die(mysql_error( )) ; 
/♦redirection vers la page desiree $updateGoTo apres 1 'insertion des donnees 
dans la base */ 

lupdateGoTo - "liste.php"; 
if (isset($_SERVER['QUERY_STRING'])) { 
lupdateGoTo .- (strpos($updateGoTo. '?')) ? "&" : "?"; 
SupdateGoTo .- $_SERVER['QUERY_STRING'] ; 
} 

header(sprintf ("Location: %s", SupdateGoTo)) ; 
} 
?> 



Figure 7-9 
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Suppression de I'enregistrement 

Le comportement Supprimer un enregistrement supprime un enregistrement defini d'une 
table de la base de donnees (grace a la commande SQL DELETE). II ne necessite pas obligatoi- 
rement un formulaire, car la valeur de la cle primaire qui determine quel enregistrement sera 
supprime peut etre transmise de differentes manieres. Choisissez le type de la cle primaire 
dans le champ Valeur de la cle primaire selon les options suivantes : Parametre d'URL, 
Valeur de formulaire, Cookie, Variable de Session, Variable de serveur. D'autre part, la 
valeur verifiee prealablement a la suppression peut etre differente de cette Valeur de cle 
primai re grace au parametrage d'un champ specifique situe en haut de la boite de dialogue. 
Cependant, dans la majorite des cas, ce champ Verifier au prealable si la valeur est 
defini e est configure surlechoix Valeur de la cle primaire. Enfin, vous pouvez renseigner 
un nom de fichier dans le champ du bas de la boite de dialogue afin d'indiquer vers quelle 
page l'internaute sera oriente apres la suppression (voir figure 7-10). 

Voici un exemple de code produit par un comportement Supprimer 1 'enregistrement : 

<?php 

/* fonction de traitement individuel des valeurs selon leur type */ 
function GetSQLValueString($theValue, ItheType, $theDefinedValue-"", 
A$theNotDefinedValue-"") 
{ 

return $theValue; 
} 
/* elaboration de l'URL complete avec ses parametres : SdeleteSQL */ 
if ((isset($_GET['ID'])) && ($_GET['ID'] !- "")) { 
$deleteSQL - sprintf ("DELETE FROM agences WHERE ID-%s", 

GetSQLValueString($_GET['ID']. "int")); 
mysql_select_db($database_ConnexionScore, $ConnexionScore) ; 
$Resultl - mysql_query($deleteSQL, IConnexionScore) or die(mysql_error( ) ) ; 
/* redirection vers la page desiree SdeleteGoTo apres 1 'insertion des donnees 

dans la base */ 
$deleteGoTo - "liste"; 
if (isset($_SERVER['QUERY_STRING'])) { 
$deleteGoTo .- (strpos($deleteGoTo. '?')) ? "&" : "?"; 
$deleteGoTo .- $_SERVER['QUERY_STRING'] ; 
} 

header(sprintf ("Location: %s", $deleteGoTo)) ; 
} 
?> 
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Figure 7-10 

Boite de dialogue du 
comportement de 
serveur Supprimer un 
enregistrement. 
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Elements de formulaire dynamique 

Les comportements de la famille El ements de formulaire dynamique initialisent les elements 
d'un formulaire avec une valeur qui doit etre disponible au prealable dans le panneau 
Li ai sons. Ces comportements sont frequemment utilises lors de la creation d'un formulaire de 
mise a jour d'un enregistrement, qui necessite 1' initialisation individuelle de chaque element 
avec sa valeur actuelle dans la base de donnees (il faut dans ce cas creer un premier jeu d'enre- 
gistrements qui permette de disposer des valeurs de chaque element dans le panneau 
Li ai sons). II faut creer le formulaire et les elements de formulaire concernes avant d'etablir le 
comportement. Une premiere boite de dialogue vous demande de selectionner le nom de 
l'element concerne (voir figure 7-11). Dans le champ du bas de cette boite, une zone de saisie 
vous permet d'indiquer la valeur par defaut du champ. Si vous desirez que cette valeur soit 
issue d'une variable disponible dans la fenetre Liaisons, il faut cliquer sur 1' eclair situe a 
droite du champ. Une seconde fenetre vous permet de choisir la variable desiree (voir 
figure 7-11). Apres validation des deux boites, un code semblable a celui ecrit ci-dessous en 
exemple est ajoute a la balise HTML de l'element de formulaire. 



Figure 7-11 

Boite de dialogue du 
comportement de 
serveur Champ de texte 
dynamique. 
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Les elements de formulaire disponibles sont les suivants : 

• champ de texte dynamique ; 

• case a cocher dynamique ; 

• liste/menu dynamique ; 

• groupe de boutons radio dynamiques. 
Voici un exemple de code d'un champ dynamique de formulaire : 

<input val ue="<?php echo $row_rsl_isteResultat[ ' resul tat ' ] ; ?>" 
name="resul tat" type="text" id="resul tat"> 

Authentification de I'utilisateur 

Depuis la version 7 de Dreamweaver (MX 2004), quatre nouveaux comportements standards 
sont apparus pour gerer 1' authentification des utilisateurs : 

• Connecter I'utilisateur; 

• Restreindre l'acces a la page; 

• Deconnecter I'utilisateur; 

• Verifier le nouveau nom de I'utilisateur. 

Le parametrage des panneaux etant tres different d'un comportement a l'autre, nous vous 
presentons ci-dessous un descriptif pour chacun d'entre eux. 

Connecter I'utilisateur 

Ce comportement permet de creer rapidement un ecran de login ou les utilisateurs pourront 
saisir leur nom et leur mot de passe associe. Le script cree par le comportement verifiera ces 
identifiants dans une table specifique de la base de donnees. Si le resultat est positif, I'utilisa- 
teur pourra acceder aux pages protegees, sinon il sera redirige vers une page d'erreur. Pour 
plus de details sur ce comportement, vous pouvez aussi vous reporter a la procedure de crea- 
tion d'une page login.php et erreur.php a la fin du chapitre 3. 

Avant de configurer le panneau du comportement, vous devez creer un formulaire comportant 
deux champs (1 og et pass, par exemple), ainsi qu'une table uti 1 i sateurs qui aura pour fonc- 
tion de memoriser les noms et mots de passe des utilisateurs (vous pouvez aussi y gerer le 

statut de chaque utilisateur si besoin est, voir figure 7-12). 

1 — < 

o 

Cliquez ensuite sur le bouton + du panneau Applications/Comportements de serveur, 2 

deroulez la liste de l'option Authentification de 1 'utilisateur et selectionnez Connecter g 

1 ' uti 1 i sateur dans les quatre comportements proposes. Dans le panneau du comportement, ™ 

choisissez les noms des champs du formulaire qui seront utilises comme nom d'utilisateur et g 
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Figure 7-12 

Exemple de table 
utilisateurs qui 
permettra de memoriser 
les noms, mots de passe 
et statuts des 
utilisateurs. 
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mot de passe. Determinez aussi la connexion, la table et les noms des champs dans lesquels 
seront memorises les noms et mots de passe de chaque utilisateur. Indiquez en dessous les 
URL des pages vers lesquelles sera redirige 1' utilisateur si l'authentification reussit ou 
echoue. Enfin, en bas du panneau, vous pourrez preciser si vous desirez gerer ou non le statut 
de l'utilisateur (si vous souhaitez le controler pour acceder a des pages reservees a une famille 
d'utilisateurs, vous devrez alors selectionner le nom de la colonne de la table qui contiendra 
le statut de l'utilisateur). 



Figure 7-13 

Boite de dialogue du 
comportement de 
serveur Connecter 
l'utilisateur. 
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Voici un exemple de code du comportement Connecter 1 ' uti 1 i sateur : 
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Restreindre l'acces a la page <?php 

// *** Validate request to login to this site. 

session_start( ) ; 
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SloginFormAction = $_SERVER[ ' PHP_SELF' ] ; 
if (isset($accesscheck) ) { 

$GLOBALS['PrevUrl '] = $accesscheck; 

session_register( ' PrevUrl ' ) ; 
} 
if (isset($_POST['log'])) { 

$loginUsername=$_POST['log']; 

$password=$_POST[ ' pass ' ] ; 

$MM_fl dUserAuthorization = "statut"; 

$MM_redi rectLoginSuccess = "commerciaux/index.php" ; 

$MM_redi rectLoginFailed = "erreur.php" ; 

$MM_redi recttoReferrer = false; 

mysql_select_db($database_ConnexionScore, $ConnexionScore) ; 

$LoginRS query=sprintf ( "SELECT log, pass, statut FROM util isateurs WHERE 

log='£s' AND pass='%s' " , 

get_magic_quotes_gpc( ) ? SloginUsername : addsl ashes($loginUsername) , 
get„magic_quotes_gpc( ) ? $password : addslashes($password) ) ; 



$LoginRS = mysql_query($LoginRS query, SConnexionScore) or die(mysql_error( ) ) ; 

$1 oginFoundUser = mysql_num_rows($LoginRS) ; 
if ($1 oginFoundUser) { 

SloginStrGroup = mysql_result($LoginRS,0, ' statut' ) ; 

//declare two session variables and assign them 
$GLOBALS['MM_Username'] = SloginUsername; 
$GLOBALS['MM_UserGroup'] = SloginStrGroup; 
//register the session variables 
session_register( "MM_Username") ; 
session_register( "MM_UserGroup") ; 
if (isset($_SESSION['PrevUrl']) && false) { 

$MM_redi rectLoginSuccess = $_SESSI0N[ ' PrevUrl' ] ; 
} 
headert "Location: " . $MM_redi rectLoginSuccess ); 



else { 

headert "Location: ". $MM_redi rectLoginFai led ); 
} 



) 
?> 
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Restreindre I'acces a la page 

Ce comportement permet d'autoriser I'acces a une page specifique aux seuls utilisateurs prea- 
lablement aufhentifies. Le script devra etre integre dans toutes les pages que Ton desire 
proteger. Pour plus de details sur ce comportement, vous pouvez aussi vous reporter a la 
procedure de creation de pages protegees, a la fin du chapitre 3. 

Ouvrez la page a proteger et cliquez surlebouton + dupanneau Applications/Comportements 
de serveur, deroulez la liste de l'option Authentifi cation de 1 'utilisateur et selectionnez 
Restreindre I'acces a la page dans les quatre comportements proposes. Dans le panneau du 
comportement (voir figure 7-14), indiquez si vous desirez controler le statut de l'utilisateur 
(niveau d'acces), et dans ce cas, precisez le ou les niveaux autorises a acceder a cette page 
(comm ou/et admin, par exemple). En bas du panneau, indiquez l'URL de la page vers laquelle 
doit etre redirige l'utilisateur si I'acces est refuse. 



Figure 7-14 

Boite de dialogue du 
comportement de 
serveur Restreindre 
I'acces a la page. 
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Voici un exemple de code du comportement Restreindre I'acces a la page : 

<?php 

//session_start( ) ; //instruction a supprimer si deja declare dans un bloc 

precedent 

$MM_authorizedUsers = "comm"; 

$MM_donotCheckaccess = "false"; 

// *** Restrict Access To Page: Grant or deny access to this page 

function isAuthorized($strUsers , SstrGroups, $UserName, $UserGroup) { 

// For security, start by assuming the visitor is NOT authorized. 

SisValid = False; 

// When a visitor has logged into this site, the Session variable MM_Username set 
equal to their username. 

// Therefore, we know that a user is NOT logged in if that Session variable is 
bl ank. 

if ( !empty($UserName) ) { 
// Besides being logged in, you may restrict access to only certain users based 
on an ID established when they login. 
// Parse the strings into arrays. 
SarrUsers = ExplodeC',", IstrUsers); 
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SarrGroups = Explodet " , " , SstrGroups); 
if (in_array($UserName, $arrllsers)) { 

$i sVal id = true; 
} 

// Or, you may restrict access to only certain users based on their username. 
if (in_array($UserGroup, SarrGroups)) { 

$i sVal id = true; 



if ((SstrUsers == "") 
$i sVal id = true; 

} 
} 
return SisValid; 



false) 



$MM_restri 

if (!((iss 

$„SESSI0N[ 

$MM_qsCh 

$MM_refe 

if (strp 

if (isse 

$MM_refe 

$MM_rest 

urlencode( 

headerC" 

exit; 
} 
?> 



ctGoTo = ". ./login .php" ; 

et($_SESSION['MM_Username'])) && (isAuthorized( "" , $MM_authorizedUsers, 

Username'], $_SESSI0N[ 'MMJJserGroup' ] ) ) ) ) { 
ar = "?"; 
rrer = $_SERVER[ ' PHP_SELF' ] ; 
os($MM_restrictGoTo, "?")) $MM_qsChar = "&"; 
t($QUERY_STRING) && strl en($QUERY_STRING) > 0) 
rrer .= "?" . $QUERY_STRI NG ; 

rictGoTo = $MM_restrictGoTo. $MM_qsChar . "accesscheck=" . 
$MM_referrer) ; 
Location: ". $MM_restrictGoTo) ; 



Deconnecter I'utilisateur 

Ce comportement permet de creer rapidement un lien 1 ogout. Le script devra etre insere dans 
les pages protegees afin de permettre a I'utilisateur de se deconnecter par un simple clic sur 
un lien ou lors du chargement d'une page specifique. Pour plus de details sur ce comporte- 
ment, vous pouvez aussi vous reporter a la procedure de creation d'un lien logout dans les 
pages protegees, a la fin du chapitre 3. 

Avant de configurer le panneau du comportement, vous devez etablir le lien qui sera utilise 
par I'utilisateur pour la deconnexion (par exemple, vous pouvez creer un simple lien nomine 
1 ogout en haut de la page protegee). Selectionnez le lien et cliquez ensuite sur le bouton + du 
panneau Appl i cati ons/Comportements de serveur, deroulez la liste de l'option Authenti f 1 - 
cation de 1 'utilisateur et selectionnez Deconnecter 1 'utilisateur dans les quatre compor- 
tements proposes. Dans le panneau du comportement (voir figure 7-15), indiquez si vous 
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desirez utiliser un lien hypertexte pour la deconnexion (assurez-vous dans ce cas que le lien 
du menu deroulant correspond bien a celui initialement selectionne) ou declencher automati- 
quement la deconnexion lors du chargement de la page. Dans la partie basse du panneau, vous 
pouvez aussi preciser vers quelle page vous souhaitez que l'utilisateur soit redirige apres la 
deconnexion. 



Figure 7-15 
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Voici un exemple de code du comportement Deconnecter 1 ' uti 1 i sateur : 



<?php 

//initialize the session 

session_start( ) ; 

// ** Logout the current user. ** 

$logoutAction = $_SERVER[ ' PHP_SELF' ] . "?doLogout=true" ; 

if ((isset($_SERVER['QUERY_STRING'])) && ($_SERVER[ 'QUERY_STRING' ] != 

SlogoutAction .="&". html enti ties ($_SERVER[ 'QUERY_STRING' ]) ; 
} 
if ((isset($_GET['doLogout'])) &&($_GET[ 'doLogout ' ]— "true" ) ) { 

//to fully log out a visitor we need to clear the session varialbles 

session_unregister( 'MM_Username' ) ; 

session_unregister( 'MM_User Group' ) ; 



"")){ 



SlogoutGoTo = ". ./login. php" ; 
if (SlogoutGoTo) { 

header ( "Location: SlogoutGoTo" ) ; 

exit; 
} 



} 
?> 



Voici un exemple du code de parametrage du lien 1 ogout 

<a href="<?php echo $1 ogoutAction ?>">logout</a> 
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Verifier le nouveau nom d'utilisateur 

Ce comportement permet d'etablir rapidement un formulaire destine a l'administrateur du site 
afin d'ajouter un utilisateur. Le script verifiera que le login a enregistrer n'existe pas deja dans 
la base de donnees lors de la creation d'un nouveau compte utilisateur. Pour plus de details sur 
ce comportement, vous pouvez aussi vous reporter a la procedure de creation de la page 
i nscri pti on . php a la fin du chapitre 3. 

Avant de configurer le panneau du comportement, vous devez composer un formulaire avec 
trois champs (1 og, pass et statut, par exemple), ainsi qu'un comportement d'insertion dans la 
table utilisateurs creee precedemment. Cliquez ensuite sur le bouton + du panneau Appl i ca- 
tions/Comportements de serveur, deroulez la listedel'option Authentifi cation de 1 'utili- 
sateur et selectionnez Verifier le nouveau nom de 1 'utilisateur dans les quatre compor- 
tements proposes. Dans le panneau du comportement, choisissez le champ que vous desirez 
verifier dans la liste deroulante (dans notre cas, nous prendrons log). Dans la partie basse du 
panneau, selectionnez 1'URJL de la page vers laquelle vous souhaitez rediriger l'administra- 
teur si le login existe deja dans la table uti 1 i sateurs. 

Voici un exemple de code du comportement Verifier le nouveau nom de 1 'utilisateur : 

<?php 

// *** Redirect if username exists 

$MM_f 1 ag="MM_i nsert" ; 

if (isset($_POST[$MM_flag])) { 

$MM_dupKeyRedi rect="erreurlog.php" ; 

SloginUsername = $_P0ST[ ' log'] ; 

$LoginRS query = "SELECT log FROM utilisateurs WHERE log-'" . Sloginllsername . 

mysql_sel ect_db($database_ConnexionScore, SConnexionScore) ; 

$LoginRS=mysql_query($LoginRS query, SConnexionScore) or die(mysql_error( ) ) ; 

$1 oginFoundUser = mysql_num_rows($LoginRS) ; 

//if there is a row in the database, the username was found - can not add the 
requested username 
if (SloginFoundUser) { 
$MM_qsChar = "?"; 

//append the username to the redirect page 

if (substr_count($MM_dupKeyRedirect,"?") >=1) $MM_qsChar = "&"; 
$MM_dupKeyRedirect = $MM_dupKeyRedi rect . $MM_qsChar 
. "requsername=" .SloginUsername; 

header ("Location: $MM_dupKeyRedi rect") ; 
exit; 
1 
1 

function GetSQLValueString($theVal ue, $theType, StheDefinedVal ue="" , 
A$theNotDef inedVal ue=" " ) 
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return StheValue; 
} 
SeditFormAction = $_SERVER[ ' PHP_SELF' ] ; 
if (isset($_SERVER['QUERY_STRING'])) { 

SeditFormAction .= "?" . htmlenti ties($_SERVER[ 'QUERY_STRING' ] ) ; 
} 
if ((isset($_POST["MM_insert"])) && ($J>OST["MM_insert"] == "forml")) { 

SinsertSQL = sprintft "INSERT INTO utilisateurs (log, pass, statut) VALUES (%s, 
Is. Is)". 

GetSQLVal ueStri ng($_P0ST[ 'log'], "text" ) , 
GetSQLVal ueStri ng($_P0ST[ ' pass ' ] , "text" ) , 
GetSQLVal ueString($_POST[ 'statut'], "text")); 
mysql_sel ect_db($database_ConnexionScore, $ConnexionScore) ; 
$Resultl = mysql_query($insertSQL, $ConnexionScore) or die(mysql_error( ) ) ; 
SinsertGoTo = "index. php"; 
if (isset($_SERVER['QUERY_STRING'])) { 
SinsertGoTo .= (strpos($insertGoTo, '?')) ? "&" : "?"; 
SinsertGoTo .= $_SERVER[ 'QUERY_STRING' ] ; 



header(sprintf ("Location: %s" , SinsertGoTo) ) ; 



} 
?> 



Transformation XSL 

Ce comportement est une nouveaute disponible avec la version 8 de Dreamweaver. II permet 
de lier des informations issues d'un document XML avec une feuille XSL de transformation 
des donnees. II existe deux facons d'exploiter les donnees d'un document XML : cote client, 
a l'aide d'un simple navigateur Web ; cote serveur, si on dispose d'une technologie serveur 
comme PHP. Dans le cadre de cet ouvrage, nous nous interesserons principalement aux trans- 
formations cote serveur. Lorsque Ton congoit un comportement Transformation XSL, Dream- 
weaver ajoute deux fragments de code dans la page. Le premier permet de faire reference a 
une classe PHP regroupant de nombreuses methodes de transformations XSL (le repertoire 
contenant cette classe devra evidemment etre transfere sur le serveur distant lors de la mise en 
ligne du systeme). Le second cree une instance de cette classe et lui attribue les methodes 
setXMK ) et setXSLC ) afin de lier le document XML et la feuille XSL. 

Pour plus de details sur ce comportement, et l'usage que Ton peut en faire, nous vous invitons 
a vous reporter au chapitre 6 qui est consacre a l'utilisation de ces transformations XSL. 
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Boite de dialogue du 
comportement de 
serveur Transformation 
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Voici un exemple de code du comportement Transformation XSL : 

<?php//XMLXSL Transformation classrequi re_once( 'incl udes/MM_XSLTransform/ 
MM_XSLTransform.cl ass.php');?> 



<?php 

$mm_xsl 

$mm_xsl 

$mm_xsl 

echo $n 

?> 



= new MM_XSLTransform( ) ; 
->setXML( "document 1 .xml ") ; 
■>setXSL("feuillel.xsl"); 
n_xsl ->Transform( ) ; 



Creation d'un nouveau comportement serveur 

Nous venons de detailler les comportements de serveur standards livres avec Dreamweaver 8. 
Cependant, vous pouvez aussi creer de nouveaux comportements de serveur utilisateur en 
fonction de vos besoins specifiques si vous souhaitez accroitre les fonctionnalites de Dream- 
weaver. 

Pour vous guider dans votre creation, nous allons detailler ci-dessous les differentes proce- 
dures pour concevoir vos propres comportements. Afin que cette demonstration soit plus 
pratique, nous allons illustrer ces procedures par la creation d'un comportement serveur qui 
rend conditionnel l'affichage d'une region. Dreamweaver propose deja plusieurs comporte- 
ments similaires, mais ils sont toujours lies a des variables issues d'un jeu d'enregistrements. 
Notre exemple se distingue de ces derniers, car l'expression de condition est constitute de 
deux elements generiques parametres par l'utilisateur (variables ou valeurs) lors de l'utilisa- 
tion du comportement. 

Procedure pour la creation d'un comportement de serveur utilisateur 

1. Avant d'ouvrir la premiere fenetre de parametrage, il faut avoir prepare le code qui sert 
de base au comportement. Pour la redaction de ce code, nous vous invitons a suivre les 
avertissements mentionnes au debut de ce chapitre concernant les risques de conflit des 
comportements de serveur. Nous vous conseillons aussi de tester votre code dans diffe- 
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rents contextes afin de vous assurer qu'il est stable et qu'il correspond reellement a vos 
besoins. Veillez a ce que le code de vos blocs ne ressemble pas trop a celui d'autres 
blocs. Dans ce cas, en effet, le panneau Comportements de serveur risque d'identifier par 
erreur ce premier bloc comme une occurrence du deuxieme (ou l'inverse). Pour eviter ce 
probleme, ajoutez par exemple un commentaire a un bloc de code pour le rendre unique. 
Si vous prevoyez d'utiliser des parametres d'execution qui pourront etre configures par 
le futur utilisateur du comportement, il faut dans ce cas inserer dans le code des reperes 
(ex.: elementl et element2) pour identifier facilement l'emplacement de ces futurs 
parametres ; ils seront par la suite remplaces par des marqueurs selon la syntaxe Macro- 
media (ex. : @@ParametreConditionl@@ et @@ParametreCondition2@@). Pour notre exem- 
ple, le code est compose de deux blocs. Le premier doit etre insere avant la region 
selectionnee et le deuxieme apres. 

Voici le code utilise dans notre exemple : 

<!-- DEBUT DU PREMIER BLOC --> 

<?php 

if (elementl — element2) 

{//debut du bloc conditionne 

?> 

<!-- FIN DU PREMIER BLOC --> 

ici la region dont l'affichage sera conditionne 

<!-- DEBUT DU DEUXIEME BLOC --> 

<?php 

}//fin du bloc conditionne 

?> 

<!-- FIN DU DEUXIEME BLOC --> 

2. Dans le panneau Comportements de serveur (Fenetre>Comportements de serveur), cli- 
quez sur le bouton + et choisissez Nouveau comportement de serveur dans le menu con- 
textuel (voir figure 7-17). 

3. Une premiere boite de dialogue intitulee Nouveau comportement de serveur s'affiche 
(voir figure 7-18). Dans le menu deroulant Type de document, selectionnez le type PHP- 
MySQL, puis dans la zone de texte Norn, tapez le nom du comportement de serveur (atten- 
tion, ce nom ne doit pas depasser 27 caracteres, soit par exemple : Affichage condi- 
tionne). II est a noter que si vous desirez copier un comportement de serveur existant, 
afin de 1' exploiter dans votre nouveau comportement, il faut activer la case a cocher 
Copier un comportement de serveur existant. Si vous avez coche cette case, la liste des 
comportements de serveur disponibles s'affiche dans le menu deroulant Comportement a 
copier. II suffit de selectionner le comportement que vous desirez copier dans cette liste 
(attention, seuls les comportements crees par l'utilisateur peuvent etre ainsi exploites ; 
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Figure 7-17 

Pour creer un nouveau 
comportement serveur, 
ouvrez le panneau 
Comportements de 
serveur puis cliquez sur 
le bouton + et 
selectionnez Nouveau 
comportement de 
serveur, en bas du menu. 
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par consequent, les comportements livres en standard avec Dreamweaver n'apparaissent 
pas dans cette liste). Cliquez ensuite sur OK pour valider cette premiere etape. 



Figure 7-18 
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4. La boite de dialogue Createur de comportements de serveur s'affiche (voir figure 7- 
19). Cette boite comporte deux zones principales de saisie. Dans la zone Bloc de code a 
inserer, vous devez ajouter les differentes declarations des participants (blocs de code) 
que vous desirez utiliser pour ce meme comportement. Dans la zone Bl oc de code, vous 
devez copier ou saisir le code de chaque bloc apres avoir selectionne le participant con- 
cerne dans la zone Bloc de code a inserer. 

5. Pour configurer le createur de comportements, il faut commencer par cliquer sur le 
bouton +. Une autre boite de dialogue doit alors s'afficher (voir figure 7-20), dans 
laquelle vous devez indiquer le nom du premier bloc. Par defaut, Dreamweaver propose 
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Figure 7-19 
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le nom du comportement suivi de _blockl (soit dans notre exemple : Affichage 
conditionne_blockl). Dans notre cas, nous validons ce nom par defaut en cliquant sur OK 
(attention, si vous modifiez ce nom, sa taille ne doit pas depasser 27 caracteres). 

De retour a la boite de dialogue principale du Createur de comportements, vous devez 
voir le nom de votre nouveau bloc s'inscrire dans la zone Bloc de code a inserer, ainsi 
qu'un code provisoire dans la zone Bloc de code situee en dessous (voir figure 7-21). 



Figure 7-20 

Boite de dialogue de 
creation d'un nouveau 
bloc. 
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Figure 7-21 

Apres avoir cree le 
premier bloc, copiez le 
code correspondant 
dans la zone Bloc de 
code. 
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Remplacez ce code par celui que vous avez prepare en le copiant dans cette zone (voir 
figure 7-24). Utilisez pour cela les commandes Copi er-Col 1 er de votre editeur ou encore 
les raccourcis clavier Ctrl + C puis Ctrl + V sous Windows. II est a noter que vous ne 
pouvez inserer qu'une seule balise ou un seul bloc de code. Si vous souhaitez en saisir 
plusieurs, vous devez alors creer un bloc de code pour chaque element. 

Si votre code le necessite, vous pouvez definir des parametres d'execution qui seront 
configurables par l'utilisateur du comportement. Pour cela, selectionnez dans la zone 
Bloc de code le repere qui represente le futur parametre (exemple : elementl), cliquez 
ensuite sur le bouton Inserer un parametre dans le code, renseignez la fenetre qui 
apparait en indiquant le nom a attribuer a ce parametre (par exemple : 
ParametreConditionl) et validez. Le parametre doit alors apparaitre dans le code sous la 
forme d'un marqueur compose du nom du parametre, encadre par deux arobases de cha- 
que cote (voir figure 7-22), par exemple : @@ParametreConditionl@@. Recommencez la 
meme demarche avec le deuxieme parametre a definir (element2 qui porte le nom 
ParametreCondition2). 



Figure 7-22 

Vous pouvez inserer des 
parametres d'execution 
dans le code du bloc. 
Pour cela, selectionnez 
le repere a remplacer 
dans le code, puis 
cliquez sur le bouton 
Inserer parametre dans 
le bloc de code. 
Saisissez ensuite son 
nom dans la boite de 
dialogue qui apparait et 
validez en cliquant sur 
OK. 
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Vous devez egalement configurer deux menus deroulants situes en bas de la boite, afin 
de preciser l'emplacement du participant dans le code source HTML de la page (voir les 
menus Inserer code et Position relative dans la boite de dialogue de la figure 7-23). 
Le premier menu (Inserer code) propose quatre options differentes : Au-dessus de la 
balise <html> d'ouverture, Au-dessous de la balise </html> de fermeture, Par rapport 
a une autre balise de la page ou Par rapport a une balise selectionnee par le createur 
de la page. Le deuxieme menu (Position relative) precise l'endroit d'insertion selon 
des options contextuelles, comme l'illustrent les tableaux 7.1 a 7.4 dans la partie sui- 
vante intitulee Parametrage du point d'insertion d'un participant. Dans notre exemple, 
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nous choisirons les options suivantes : Relatif a la balise pour le menu Inserer le 
code, et Avant la selection pour le menu Position relative (voir figure 7-23). 



Figure 7-23 

Deux menus deroulants 
definissent Vendroit 
d' insertion du bloc de 
code. 
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9. Vous avez aussi la possibilite d'acceder a d'autres options en cliquant sur le bouton 
Avance, situe en bas et a droite de la boite de dialogue (voir figure 7-24). Pour eviter de 
surcharger cette partie, nous detaillerons ces options a la suite de cette procedure. Cepen- 
dant, dans la majorite des cas, les options par defaut suffisent. 



Figure 7-24 

Si vous cliquez sur le 
bouton Avance, vous 
pouvez configurer 
d 'autres parametres 
optionnels du createur 
de comportements. 
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10. Apres avoir configure completement ce premier bloc de code, il faut renouveler les 
memes operations pour la deuxieme partie du code. Cependant, comme ce deuxieme 
bloc ne contient pas de parametre, la configuration est beaucoup plus rapide. Cliquez de 
nouveau sur le + pour definir un nom de participant pour cette deuxieme partie (prendre 
le nom par defaut : Affichage conditionn_block2), puis validez. Copiez le code de la 
deuxieme partie (celle qui se trouve apres la region a repeter) dans la zone Bl oc de code. 
Selectionnez l'option Relatif a la balise pour la zone Inserer le code et Apres la 
selection pour la zone Position relative. Cliquez ensuite sur le bouton Suivant pour 
valider tout le parametrage de cette boite de dialogue (voir figure 7-25). 

11. Si vous avez defini au moins un parametre d'execution dans les etapes precedentes (par 
exemple : @@ParametreConditionl@@), une derniere boite intitulee Generer une boite de 
di al ogue apparait a l'ecran ; sinon, le comportement est enregistre directement sans autre 
confirmation de votre part. Dans le premier cas, rappelons que lors de la creation, l'utili- 
sateur de votre comportement devra configurer ces parametres d'execution en fournis- 
sant des valeurs adaptees au contexte de la page. Ces valeurs devront etre renseignees 
avant que le code du comportement de serveur ne soit insere dans la page. Pour cela, une 
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Figure 7-25 

Un deuxieme bloc de 
code est ajoute au 
comportement selon la 
meme procedure. Ilfaut 
ensuite le selectionner et 
copier le code 
correspondent dans la 
zone Bloc de code. 
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boite de dialogue invitera l'utilisateur du comportement de serveur a fournir ces valeurs. 
Le but de la boite de dialogue qui vient d'apparaitre est done de configurer les differentes 
options pour choisir les types de ces parametres et leur disposition dans la future boite 
specifique a ce comportement. Ainsi, pour choisir l'ordre de la disposition des futurs 
champs de parametres, vous devez cliquer sur les petites fleches apres avoir selectionne 
un champ dans la zone El ement de la bente de dialogue. Pour choisir le type d'element 
utilise pour configurer un parametre, choisissez un parametre dans la zone El ement de 1 a 
bonte de dialogue et cliquez sur la fleche situee a droite de la ligne selectionnee. Un 
menu deroulant vous propose alors differentes options (voir figure 7-26, et pour plus de 
details concernant ces options, reportez-vous a la partie intitulee Elements pouvant etre 
integres dans la boite de dialogue a la suite de cette procedure). Dans notre exemple, 
nous ne modifions pas ces options et conservons le type par defaut Champ de texte pour 
les deux parametres. Terminez ensuite la creation du comportement en cliquant sur le 
bouton OK. Enfin, notez que dans le cas particulier d'une selection de l'option Relatif a 
une balise specifique, dans le menu deroulant Inserer code (ce n'est pas le cas dans 
notre exemple), un parametre est ajoute a votre bloc de code sans votre intervention. Ce 
parametre integre automatiquement un menu Balise a la boite de dialogue du comporte- 
ment, pour que l'utilisateur puisse choisir la balise de la page a laquelle sera applique le 
comportement (par exemple, si la balise concernee est une balise de type ancre <a> et que 
vous avez plusieurs liens dans votre page, vous pouvez ainsi choisir le lien concerne dans 
la liste de ce menu). 

12. Apres la creation du comportement, assurez-vous qu'il figure bien dans les comporte- 
ments disponibles en cliquant sur le bouton + du panneau Comportements de serveur 
(voir figure 7-27). 

13. Pour tester le bon fonctionnement de votre nouveau comportement de serveur, reportez- 
vous a la procedure Utilisation d'un comportement serveur detaillee ci-dessous. 
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Figure 7-26 

Cette boite de dialogue 
vouspermetde 
parametrer le type et la 
disposition des elements 
de saisie qui sont 
integres dans la boite de 
configuration du 
comportement. 
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Figure 7-27 
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Utilisation d'un comportement de serveur 

Une fois que votre comportement de serveur est cree, il apparait dans le menu + du panneau 
Comportements de serveur. Vous pouvez maintenant concevoir autant d'occurrences de ce 
comportements que vous le desirez. Pour utiliser ce nouveau comportement de serveur utili- 
sateur, il suffit de suivre la meme demarche que pour l'utilisation d'un comportement de 
serveur standard, dont nous vous rappelons la procedure ci-dessous. 

1. Ouvrez une nouvelle page PHP, puis saisissez un mot au milieu de la page (BON JOUR par 
exemple). Selectionnez le texte et cliquez sur le bouton + du panneau Comportements de 
serveur, puis choisissez le comportement Affichage conditionne dans le menu (voir 
figure 7-28). 




Figure 7-28 

Pour creer une nouvelle occurrence du comportement Affichage conditionne, selectionnez la region a gerer et 
cliquez sur le bouton + du panneau Comportements de serveur, puis selectionnez le comportement Affichage 
conditionne dans la liste. 
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La boite de dialogue specifique au comportement Affichage conditionne s'affiche alors 
a l'ecran. Renseignez les deux champs des parametres d'execution en saisissant dans le 
premier Sbonjour, qui sera la variable conditionnant l'affichage du message BONOOUR, et 
"oui" dans le deuxieme champ (attention a bien saisir les guillemets autour de la valeur 
car il s'agit d'une chaine de caracteres), qui sera la valeur a affecter a $bon jour pour que 
la condition soit valide. Cliquez sur OK pour accepter la configuration de cette nouvelle 
occurrence (voir figure 7-29). 



Figure 7-29 

La boite de dialogue du 
comportement de 
serveur utilisateur 
Affichage conditionne 
doit etre renseignee 
avec les informations 
specifiques a la nouvelle 
occurrence du 
comportement. Pour 
cela, saisissez dans la 
boite de configuration 
du comportement les 
deux parametres qui 
vont conditionner 
l'affichage de la region. 



Affichage conditionne 




3. Des la validation, le comportement est indexe par Dreamweaver et apparait dans la fene- 
tre Comportements de serveur. Si vous selectionnez le mode d'affichage Code et Crea- 
ti on de la fenetre document, vous pouvez verifier dans l'inspecteur de code que les deux 
participants du comportement entourent correctement la region conditionnee. Dans la 
fenetre Creation, deux icones PHP de chaque cote du texte BONJOUR indiquent aussi que 
les deux blocs de code sont correctement en place (voir figure 7-30). 

4. Enregistrez votre page et passez dans le Web local pour afficher votre page de test. A la 
suite du nom de la page, saisissez ?bon jour-oui , puis validez. Le texte BONJOUR doit alors 
apparaitre dans la page, attestant du bon fonctionnement du comportement (voir 
figure 7-31). Selon la version de PHP et la configuration du serveur, il est possible que le 
message « Noti ce : Undef i ned vari abl e » apparaisse a l'ecran. II faudra alors ajouter au 
debut de la page le script d' initialisation de la variable $_GET[' bon jour'] ci-dessous : 

if (!isset($_GET['bonjour'])) $_GET[ 'bonjour ' ]="non" ; 



o. 

c 
O 



Parametrage du point d'insertion d'un participant 

Lors de la creation d'un comportement de serveur, vous devez parametrer l'endroit ou est 
insere chaque bloc de code du comportement (les participants). Pour cela, vous avez a choisir 
dans un premier temps parmi differentes options dans le menu deroulant Inserer code (voir 
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Figure 7-30 

D« gwe le comportement est valide, verifiez sa presence dans lafenetre Comportements de serveur, ainsi que la 
bonne integration des participants depuis I 'inspecteur de code et lafenetre Document en mode Creation. 



figure 7-32). Puis un second menu deroulant vous propose une deuxieme serie d'options 
contextuelles selon votre premier choix. Pour definir precisement 1' emplacement relatif de 
chaque participant dans les zones Au-dessus de la balise <html>et Au-dessous de la balise 
</html>, Dreamweawer utilise une position qui peut prendre des valeurs entre 1 et 99. Pour 
vous faciliter la tache, nous avons commente et illustre chacune de ces options dans les 
tableaux suivants. Le participant utilise pour les demonstrations est une simple balise PHP 
affichant ICI, Participant avec Position relative-. .., qui nous permet de bien le localiser 
dans le code source, mais qui n'a evidemment aucun interet dans une page dynamique en 
pratique (voir figure 7-33). 
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Tableau 7-1 - Tableau recapitulate des options possibles pour definir I'endroit d'insertion 
d'un bloc de code au-dessus de la balise <html> 



Inserer code 

Au-dessus de la balise <html>. 



Position relative 

Le debut du fichier. 

Juste avant les jeux 
d'enregistrements. 



Description 

Insertion du bloc au debut du fichier (position 1, 
voir figure 7-34). 

Insertion du bloc immediatement avant les blocs 
de code qui ouvrent les jeux d'enregistrements 
(position 49, voir figure 7-35). 

Insertion du bloc immediatement apres les blocs 
de code qui ferment les jeux d'enregistrements 
(position 51). 

Insertion du bloc immediatement au-dessus de la 

balise <html >. 

(position 99, voir figure 7-36) 

Pour cette option, le champ Position peut etre 
*. modifie, et vous pouvez y saisir une position 

comprise entre 1 et 99 selon le point d'insertion 
desire (voir figure 7-37). 

(*) Utilisez I'option Position personnalisee lorsque vous voulez inserer plusieurs blocs de code dans un ordre 
particulier. Par exemple, si vous voulez inserer, dans un certain ordre, une serie de trois blocs de code apres ceux qui 
ouvrent des jeux d'enregistrements, saisissez une position de 60 pour le premier bloc, de 65 pour le deuxieme et de 70 
pour le troisieme. II est a noter que, dans le cas d'une selection Au-dessus de la balise <html>, I'emplacement au debut 
de fichier correspond a une position de 1 , et que I'emplacement juste au-dessus de la balise <html> correspond a une 
position 99. D'autre part, Dreamweaver attribue automatiquement une position de 50 a tous les blocs de code 
d'ouverture de jeux d'enregistrements inseres au-dessus de la balise <html>. Et si plusieurs blocs ont la meme 
position, Dreamweaver les classe de facon aleatoire. 
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lnserer code : 


Relatif a la selection 






Aii-dessus de la balise <html> 




Position relative : 


Au-dessous de la balise </html> 
Relatif a une balise specif ique 
Relatif a la selection 











Figure 7-33 
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Voici des exemples d' insertion de participants au-dessous de la balise <html> a des positions 
differentes selon la valeur selectionnee dans le menu Position relative: 



<!— ICI. DEBUT du fichier --> 

<?php echo "ICI, Participant avec Position relative - Apres la balise (pos 1)" ?> 
<?php echo "ICI, Participant avec Position relative - Position perso de 40" ?> 
<?php echo "ICI, Participant avec Position relative - Avant jeu (pos 49)" ?> 

<?php //exemple d'un jeu d'enregistrements (position 50) 

mysql_select_db($database_ConnexionScore, SConnexionScore) ; 

$query_rsTest="SELECT * FROM agences"; 

SrsTest-mysql_query(Squery_rsTest , SConnexionScore) or die(mysql_error( ) ) ; 

Srow_rsTest=mysql_fetch_assoc($rsTest) ; 

$total Rows_rsTest=mysql_num_rows($rsTest) ; 

?> 

<?php echo "ICI, Participant avec Position relative - Apres jeu (pos 51)" ?> 

<?php echo "ICI, Participant avec Position relative - Position perso de 60" ?> 

<?php echo "ICI, Participant avec Position relative - Avant fin fichier (pos 99)" 

?> 

<html><!- FIN de la zone Avant la balise HTML --> 



Voici des exemples d'insertion de participant au-dessous de la balise </html> a des positions 
differentes selon la valeur selectionnee dans le menu Position relative: 
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Figure 7-34 

Parametrage d'un point 
d 'insertion au-dessus de 
la balise <html> et au 
debut dufichier 
(position 1). 



Figure 7-35 

Parametrage d'un point 
d 'insertion au-dessus de 
la balise <html> et juste 
ay ant lejeu 
d'enregistrements 
(position 49). 



Figure 7-36 

Parametrage d'un point 
d 'insertion au-dessus de 
la balise <html> et juste 
avant la balise <html> 
(position 99). 



Figure 7-37 

Parametrage d'un point 
d 'insertion au-dessus de 
la balise <html> etpour 
une position 
personnalisee (id, la 
position est de 60). 
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Tableau 7-2 - Tableau recapitulatif des options possibles pour definir I'endroit d'insertion 
d'un bloc de code au-dessous de la balise </html> 



Inserer code 


Position relative 


Description 


Au-dessous de la balise 
</html>. 


Apres la balise </html >. 


Insertion du bloc immediatement apres la 
balise </html > (position 1 , voir figure 7-38). 




Avant la balise ouverture du jeu 
d'enregistrements. 


Insertion du bloc immediatement avant les 
blocs de code ouverture des jeux 
d'enregistrements (position 49). 




Apres la balise fermeture du jeu 
d'enregistrements. 


Insertion du bloc immediatement apres les 
blocs de code fermant des jeux 
d'enregistrements (position 51). 




Avant la fin du fichier. 


Insertion du bloc immediatement avant la fin 
du fichier (position 99, voir figure 7-39). 
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Tableau 7-2 - Tableau recapitulate des options possibles pour definir I'endroit d'insertion 
d'un bloc de code au-dessous de la balise </html> (suite) 



Inserer code Position relative Description 

Position personnalisee *. Pour cette option, le champ Pos i ti on peut 

etre modifie et vous pouvez y saisir une 
position comprise entre 1 et 99 selon le point 
d'insertion desire (voir figure 7-40). 

(*) Utilisez I'option Position personnalisee lorsque vous voulez inserer plusieurs blocs de code dans unordre 
particulier. Par exemple, si vous voulez inserer, dans un certain ordre, une serie de trois blocs de code apres ceux qui 
ouvrent des jeux d'enregistrements, saisissez une position de 60 pour le premier bloc, de 65 pour le deuxieme et de 70 
pour le troisieme. II est a noter que, dans le cas d'une selection Au-dessous de la balise </html >, I'emplacement situe 
immediatement apres la balise </html > correspond a la position 1 , et que I'emplacement juste avant la fin du fichier 
correspond a la position 99. D'autre part, Dreamweaver attribue automatiquement une position de 50 a tous les blocs 
de code d'ouverture de jeux d'enregistrements inseres au-dessous de la balise </html > . Et si plusieurs blocs ont la 
meme position, Dreamweaver les classe de facon aleatoire. 



</htmlX!-DEBUT de la zone apres la balise /HTML--> 

<?php echo "Id, Participant avec Position relative - Apres la balise (pos 1)" ?> 

<?php echo "ICI, Participant avec Position relative - Position perso de 40" ?> 

<?php echo "ICI, Participant avec Position relative - Avant jeu de 49" ?> 

<?php //exemple d'un jeu d'enregistrement (position 50) 

mysql_select_db($database_ConnexionScore, SConnexionScore) ; 

$query_rsTest="SELECT * FROM agences"; 

$rsTest=mysql_query($query_rsTest , $ConnexionScore) or die(mysql_error( ) ) ; 

$row_rsTest=mysql_fetch_assoc($rsTest) ; 

$total Rows_rsTest=mysql_num_rows($rsTest) ; 

?> 

<?php echo "ICI, Participant avec Position relative - Apres jeu de 51" ?> 

<?php echo "ICI, Participant avec Position relative - Position perso de 60" ?> 

<?php echo "ICI, Participant avec Position relative - Avant fin fichier (pos 99)" 

?> 

<!— ICI. FIN du fichier --> 



Figure 7-38 

Parametrage d'un point 
d'insertion au-dessous 
de la balise </html> et 
immediatement apres 
cette balise (position 1). 





Inseier code : 
Position relative : 








Au-dessous de la balise </html> 


V 






IBBgBEHi 


V 


Position : [7 
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Figure 7-39 

Pammetrage d'un point 
d' insertion au-dessous 
de la balise </litmJ> et 
juste avant la fin du 
fiichier (position 99). 



Irserer code : | flu-dessous de la balise </html> v^ 
tottnnltffe.lnBSHflBI 



Posit sn ; 



Figure 7-40 

Parametrage d'un point 
d' insertion au-dessous 
de la balise </litml> et 
pour une position 
personnalisee (ici, la 
position est de 60). 



Insert code i 
Position relative : 






Position ; 




| Au-dessous dff la balise </html> 


v 


Poation personnalisse 


V 


|3 







Tableau 7-3 



- Tableau recapitulatif des options possibles pour definir I'endroit d'insertion 
d'un bloc de code relatif a une balise specifique 



Inserer code 


Position relative 


Description 


Relatif a une balise specifique. 


Avant la balise d'ouverture. 


Insertion du bloc immediatement 


Des que vous choisissez cette 




avant la balise d'ouverture (voir 


option, un nouveau menu intitule 




figure 7-42). 


Balise apparait. Selectionnez une 






balise dans ce menu deroulant 






avant de choisir I'option de la zone 






Position relative. 








Apres la balise d'ouverture. 


Insertion du bloc immediatement 
apres la balise d'ouverture. 




Avant la balise de fermeture. 


Insertion du bloc immediatement 
avant la balise de fermeture. 




Apres la balise de fermeture. 


Insertion du bloc immediatement 
apres la balise de fermeture. 




Remplacer la balise. 


Le bloc remplace la balise 
selectionnee dans le menu Balise. 




Comme valeur d'un attribut. 


Insertion du bloc dans la balise 
selectionnee dans le menu comme 
valeur d'attribut (voir figure 7-43). 
Dans ce cas, un nouveau menu 
deroulant Attribut apparait, pour 
vous permettre de choisir I'attribut 
concerne. 




A I'interieur de la balise d'ouverture. 


Insertion du bloc a I'interieur de la 
balise selectionnee dans le menu 
Balise (voir figure 7-44). 
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Lors de l'utilisationd'uncomportement configure en mode d'insertion Relatif a une balise, 
l'utilisateur du comportement doit selectionner dans un menu deroulant une des balises 
presentes dans la page (les balises proposees sont toutes du meme type que celui selectionne 
dans la zone Bal i se lors de la creation du comportement ; par exemple, <a>). 



Figure 7-41 

Lors de I 'utilisation 
d'un comportement dont 
V emplacement est 
Relatif a une balise, il 
faut choisir une des 
balises de la page. 
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Voici des exemples d'insertion de participant Relatif a une balise speci fi que selon diffe- 
rentes valeurs selectionnees dans le menu Position relative: 

<!- Ci-dessous Position relative = Avant la balise d'ouverture --> 

<?php echo "Id, Votre Participant" ?><a href="pagesui vante.php">suivant</a> 

<!- Ci-dessous Position relative = Apres la balise d'ouverture --> 

<a href="pagesuivante.php"X?php echo "ICI, Votre Participant" ?>suivant</a> 

<!- Ci-dessous Position relative = Avant la balise de fermeture --> 

<a href="pagesuivante.php">sui vant<?php echo "ICI, Votre Participant" ?></a> 

<!- Ci-dessous Position relative = Apres la balise de fermeture --> 

<a href="pagesuivante.php">sui vant</a><?php echo "ICI, Votre Participant" ?> 

<!- Ci-dessous Position relative = Renplace la balise --> 

<a href="pagesuivante.php">sui vant</a> < !- AVANT --> 

<?php echo "ICI. Votre Participant" ?> < !- APRES --> 

<!- Ci-dessous Position relative = Comme valeur d'attribut --> 

<a class="<?php echo "ICI, Votre Participant" ?>" 

href =" pages ui vante.php">suivant</a> 

<!- Ci-dessous Position relative = A l'interieur de la balise d'ouverture --> 

<a <?php echo "ICI, Votre Participant" ?> href="pagesui vante.php">sui vant</a> 



Figure 7-42 

Parametrage d'un point 

d'insertion Relatif a une 

balise avec V option 

Position 

relative = Avant la 

balise d'ouverture. 



Insirer code : 

Balise 

Posfopn relative ; 






| RelatiF a ure balise spec? ique 


V 


y 




Avant la balse- cfouverbiMe 


~il 



Voici des exemples d'insertion de participant Relatif a une selection selon differentes 
valeurs choisies dans le menu Position relative (pour les exemples ci-dessous, le texte 
SELECTION doit etre selectionne prealablement a l'utilisation du comportement) : 
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Figure 7-43 

Parametrage d'un point 
d 'insertion Relatifa une 
balise avec V option 
Position 

relative = Comme 
valeur d'attribut. Dans 
cetexemple, Vattribut 
class de la balise est 
selectionne. 



Ins£r«r cods i 

Bafce : 

Position relative : 






Mtribut: 






Relatif & une bakst spicifique 


4 






l» 


Comme valeui d'unattribut 


a| 


Jl2l 


m\ 







Figure 7-44 

Parametrage d'un point 
d' insertion Relatifa une 
balise avec I 'option^ 
Position relative = A 
Vinterieur de la balise 
d'ouverture. 



Insurer code : KetaH a une balise aietifque 



Balise 3 



Position relative : Q 



Tableau 7-4 - Tableau recapitulatif des options possibles pour definir I'endroit d'insertion 
d'un bloc de code relatif a une selection 



Inserer code 


Position relative 


Description 


Relatif a une selection 
(definie par I'utilisateur du 
comportement). 


Avant la selection. 


Insertion du bloc immediatement avant la region 
selectionnee (voir figure 7-45). 




Apres la selection. 


Insertion du bloc immediatement apres la region 
selectionnee. 




Remplace la selection. 


Le bloc remplace la region selectionnee. 




Envelopper la selection. 


Insertion du bloc avant et apres la region selectionnee 
(voir figure 7-46). Dans ce cas, le bloc doit comporter 
obligatoirement des balises HTML d'ouverture et de 
fermeture (ex : <a href-" . . . "></a>). 
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<!- Ci-dessous Position relative = Avant la selection --> 

<?php echo " I C I . Votre Participant" ?>SELECTION 

<!- Ci-dessous Position relative = Apres la selection --> 

SELECTION<?php echo "ICI, Votre Participant" ?> 

<!- Ci-dessous Position relative = Remplace la selection --> 

SELECTION < !- AVANT --> 

<?php echo "ICI. Votre Participant" ?> < !- APRES --> 

<!- Ci-dessous Position relative = Envelopper la selection --> 

<!- attention : dans ce cas, le participant doit comporter une balise ouvrante et 

Afermante comme 1'exemple ci-dessous. Participant : <a href-"pagesui te.php"X/a>- 

-> 
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<a href="pagesuite.php"> 

SELECTION 

</a> 



Figure 7-45 

Parametrage d'un point 

d' insertion Relatifa la 

selection avec V option 

Position 

relative = Avant la 

selection. 



Ihsaer oode : | Relatif i la selection 
Posftion relative ! 



■* 



Figure 7-46 

Parametrage d'un point 
d' insertion Relatifa la 
selection avec V option 
Position 

relative = Enveloppe la 
selection. Dans ce cas, il 
faut veiller a ce que le 
participant comporte 
une balise ouvrante et 
fermante afln qu 'il 
puisse envelopper la 
selection. 
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Options de configuration en mode Avance 

Pour acceder a ces options, vous devez cliquer sur le bouton Avance situe en bas de la boite de 
dialogue principale de configuration d'un comportement de serveur (voir figure 7-24). 

Identificateur 

La case a cocher Identi f i cateur indique si le bloc de code doit etre traite comme un identifi- 
cateur (valeur par defaut) ou non. Si Dreamweaver trouve un bloc de code identificateur dans 
un document, il affiche automatiquement le comportement dans le panneau Comportements de 
serveur. La presence de cette option est justifiee par certaines incompatibilites qui peuvent se 
presenter entre comportements (par exemple un bloc de code ne doit pas etre un identificateur 
s'il est utilise par un autre comportement de serveur, ou s'il fournit une fonctionnalite 
courante qui se produit naturellement dans une page). En regie generale, nous vous 
conseillons cependant d'activer cette case en cochant Identificateur. 
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Titre du comportement 

Le champ Ti tre du comportement de serveur indique le titre du comportement tel qu'il appa- 
rait dans le panneau Comportements de serveur. Par defaut, la valeur proposee est constitute 
du nom du comportement suivi des parametres ajoutes a la suite de ce nom entre parentheses. 
Cela donne par exemple : Affichage conditionne (@@ParametreConditionl@@, 
@@ParametreCondition2@@). Ce titre est repertorie dans la liste des comportements sous la 
meme forme, mais avec les valeurs des parametres configurees par l'utilisateur. Notre 
exemple peut ainsi ressembler a : Affichage conditionne ("$varl", "5"). Dans le cas ou le 
nombre de parametres devient trop important, vous pouvez les supprimer du nom du compor- 
tement serveur, mais dans la majorite des cas, nous vous suggerons de garder ce nom par 
defaut. 

Bloc de code a selectionner 

L'optionBloc de code a selectionner indique le bloc de code selectionne lorsque l'utilisa- 
teur choisit le comportement dans le panneau Comportements de serveur. En pratique, si un 
utilisateur applique le comportement de serveur et qu'il le selectionne ensuite dans le panneau 
Comportements de serveur, Dreamweaver selectionne automatiquement le bloc designe par 
cette option dans la fenetre de document. Par defaut, Dreamweaver selectionne le premier 
bloc de code ne se trouvant pas au-dessus de la balise <html>. Si tous les blocs de code sont 
au-dessus de la balise <html>, Dreamweaver selectionne le premier. Encore une fois, sauf cas 
tres particuliers, nous vous suggerons d'opter pour le parametrage par defaut propose par 
Dreamweaver. 

Elements pouvant etre integres dans une boTte de dialogue de comportement 
Menus dejeu et de champ 

Ces deux elements permettent d'integrer dans un comportement utilisateur des variables 
issues d'unjeu d'enregistrements. Le premier type de menu (Menu de jeu d'enregistrements) 
selectionne le jeu d'enregistrements a partir duquel vous choisissez les variables. Le 
deuxieme type de menu (Menu du champ d'enregistrements) choisit un champ parmi les 
variables du jeu precedemment selectionne. Lors de son utilisation, le jeu d'enregistrements 
doit etre defini avant de creer une occurrence du comportement. 



Figure 7-47 

Boite de dialogue d'un 
comportement de 
serveur utilisant un 
menu dejeu etdeux 
menus de champ. 
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Pour illustrer ces deux menus, nous allons creer un comportement qui affiche le secteur et la 
ville d'une agence, a partir de la table agences du projet SCORE. La selection de l'agence est 
realisee grace a un parametre d'URL, ID, qui indique le numero de la cle primaire de l'enre- 
gistrement desire. 

1. Ouvrez une nouvelle page PHP, cliquez sur le bouton + du panneau des Comportements 
de serveur, puis validez dans le menu Nouveau comportement. Selectionnez la technolo- 
gic serveur PHP-MySQL, puis indiquez MenuJeul dans le champ du nom et validez. 

2. Depuis la boite de dialogue du Createur de comportements, cliquez sur le bouton + de la 
zone Bloc de code a inserer, puis validez le nom par defaut du nouveau participant 
(soit MenuJeul_blockl). 

3. Dans la zone Bl oc de code, saisissez le code suivant : 

<?php 

echo "L'agence du secteur : "; 
echo $row_rsJeu[ 'champSecteur' ] ; 
echo " se trouve dans la ville "; 
echo $row_rsJeu['champVil 1 e' ] ; 
?> 

4. Selectionnez le repere rsJeu sur la troisieme ligne, et cliquez sur le bouton Inserer 
parametres dans le bloc de code. Dans la boite de dialogue qui s'affiche, remplacez 
Paraml par rsJeu et validez. Une fenetre d'alerte doit alors vous demander si vous desirez 
remplacer toutes les instances de rs Jeu. Cliquez sur le bouton Oui pour valider la sugges- 
tion. Verifiez dans la zone Bl oc de code que les deux reperes rs Jeu sont bien remplaces 
par des marqueurs @@rsJeu@@. Selectionnez ensuite successivement les reperes champSec- 
teur et champVille pour les remplacer par des marqueurs @@champSecteur@@ et @@cham- 
pVi 1 1 e@@, en suivant la meme procedure. 

5. Configurez les deux menus deroulants de parametrage de l'endroit d'insertion du partici- 
pant, en selectionnant les options Relatif a la selection pour le menu Inserer code et 
Remplacer la selection pour le menu Position relative. Cliquez ensuite sur le bouton 
Sui vant pour valider la creation (voir figure 7-48). 

6. Comme nous avons trois parametres d'execution, la boite Generer une boite de dialo- 
gue apparait. Selectionnez le premier parametre et cliquez sur la petite fleche a droite de 
la ligne. Dans le menu deroulant qui s'affiche, selectionnez Menu de jeu d'enregistre- 
ments, car ce parametre doit correspondre au jeu d'enregistrements qui fournit les varia- 
bles des champs. Sur les deuxieme et troisieme lignes, renouvelez cette operation, mais 
en selectionnant cette fois l'option Menu de champ d'enregistrements, car ces deux para- 
metres doivent correspondre a deux des champs du jeu precedemment selectionne. Vali- 
dez votre configuration en cliquant sur OK (figure 7-49). 
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Figure 7-48 

Pour ce comportement, 
nous avons insere trois 
parametres d 'execution 
dans le code (rsjeu, 
champSecteur, 
champVille) et configure 
les menus lnserer le 
code et Position relative 
de sorte que le code 
remplace la zone 
selectionnee au 
prealable. 
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Figure 7-49 

Dans lafenetre Generer 
une boite de dialogue 
Comportement, 
selectionnez le type 
adapte a chaque 
parametre (Menu jeu 
d'enregistrements et 
Menu champ 
d'enregistrements). 



Generer une boilc de dialogue Comportement 



lorsque ce comportement est applique a un document, la 
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7. Creez un jeu d'enregistrements rsAgence visant a disposer des champs ville et secteur 
de la table agences, en fonction de la valeur d'une variable d'URL, nominee ID, qui 
determine la cle primaire de Tenregistrement a afficher (figure 7-50). 
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Figure 7-50 

La creation d'une 
nouvelle occurrence du 
comportement 
necessitant la presence 
d'unjeu 

d'enregistrements, nous 
allons creer, pour la 
demonstration, unjeu 
rsAgences qui retourne 
la ville et le secteur d 'un 
enregistrement de la 
table agences, selon la 
cle primaire definiepar 
unparametre d'URL 
nomme ID. 
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Figure 7-51 

Le nouveau 
comportement doit 
apparaitre dans le 
panneau 

Comportements de 
serveur, et le participant 
doit etre integre a 
I 'endroit de la page qui 
avait ete defini par la 
selection. 
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Une fois le jeu d'enregistrements en place (verifiez qu'il apparait bien dans la fenetre 
Comportements de serveur), nous pouvons creer une occurrence du nouveau comporte- 
ment. Pour cela, saisissez un mot en haut de la page (« I CI », par exemple), selectionnez- 
le, puis cliquez sur le bouton + du panneau Comportements de serveur, et choisissez le 
nouveau comportement MenuJeul. Dans sa boite de dialogue, selectionnez d'abord le jeu 
d'enregistrements rsAgences, puis les champs secteur et ville dans les deux autres 
menus du bas (voir figure 7-47). Validez votre configuration en cliquant sur le bouton OK. 
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9. Verifiez que le nouveau comportement se trouve bien indexe dans le panneau Comporte- 
ments de serveur, et que le participant a bien ete integre dans le code source de la page 
HTML a l'endroit desire (voir figure 7-51). 

10. Nous allons ensuite cliquer sur le bouton Live Data, afin de nous assurer du bon fonc- 
tionnement du comportement. Si vous saisissez par exemple le parametre d'URL ID— 2, 
vous devez avoir l'affichage d'un texte semblable a celui de l'ecran de la figure 7-52. 



Figure 7-52 

En mode Live Data, si 
vous saisissez le 
parametre d'URL ID=2 
dans la boite de 
dialogue, voire page 
dynamique doit afficher 
des informations 
semblables a la figure 
ci-dessus. 
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Menus dejeu et de champ d'enregistrements modifiables 

Ces deux menus sont semblables aux precedents, sauf qu'ils seront modifiables par l'utilisa- 
teur. 

Menus connexion, table de connexion et colonne de connexion 

Ces trois elements servent a etablir une liaison a la base de donnees completement parame- 
trable, qui nous permet de construire nos propres jeux d'enregistrements. Pour illustrer leur 
mise en ceuvre, nous allons creer une boite de dialogue definissant la connexion a utiliser, la 
table concernee par la requete, et le champ qu'on desire retrouver dans le jeu d'enregistre- 
ments. Pour selectionner l'enregistrement et exploiter le champ recupere par le jeu, nous ajou- 
terons deux constantes non parametrables afin de ne pas surcharger le script de 
demonstration ; mais nous pourrions tres bien utiliser deux autres parametres d' execution 
pour realiser une application complete par la suite. 



Figure 7-53 

Boite de dialogue d'un 
comportement de 
serveur utilisant des 
menus connexion, table 
et colonne. 
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1. Ouvrez une nouvelle page PHP, cliquez sur le bouton + du panneau Comportements de 
serveur et validez dans le menu Nouveau comportement. Selectionnez la technologie ser- 
veur PHP-MySQL, indiquez MenuConnexion dans le champ du nom et validez. 
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2. Cliquez sur le bouton +, puis validez le nom par defaut du nouveau participant. Dans la 
zone Bloc de code, saisissez les lignes suivantes : 

<?php 

mysql_select_db($database_Connexion, $Connexion) ; 

$query_rsJeu2="SELECT Colonne FROM Table WHERE ID— 2" ; 

$rsJeu2=mysql_query($query_rsJeu2, $Connexion) or die(mysql_error( ) ) ; 

$row_rsJeu2=mysql_fetch_assoc($rsJeu2) ; 

echo $row_rsJeu2[ 'Colonne' ] ; 

?> 

3. Selectionnez le repere Connexion sur la deuxieme ligne et cliquez sur le bouton Inserer 
parametres dans le bloc de code. Dans la boite de dialogue qui s'affiche, remplacez 
Paraml par Connexion et validez. Une fenetre d'alerte doit alors vous demander si vous 
desirez remplacer toutes les instances de Connexion. Cliquez sur le bouton Oui pour 
accepter la suggestion. Verifiez dans la zone Bloc de code que les quatre reperes Con- 
nexion sont bien remplaces par des marqueurs ©©Connexion®®. Selectionnez ensuite suc- 
cessivement les reperes Colonne et Table pour les remplacer par des marqueurs 
@@Col onne®@ et @@Tabl e@@ en suivant la meme procedure (voir figure 7-54). 



Figure 7-54 
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4. Configurez les deux menus deroulants de parametrage de l'endroit d'insertion du partici- 
pant, en selectionnant les options Relatif a la selection pour le menu Inserer code, et 
Remplacer la selection pour le menu Position relative. Cliquez ensuite sur le bouton 
OK pour valider la creation. 

5. Comme nous avons encore des parametres d'execution, la boite Generer une boite de 
dialogue apparait. Selectionnez le premier parametre et cliquez sur la petite fleche a 
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droite de la ligne. Dans le menu deroulant qui s'affiche, selectionnez Menu connexi on, car 
ce parametre doit correspondre a la connexion qu'on utilisera pour se relier a la base de 
donnees. Sur la deuxieme puis la troisieme ligne, renouvelez la meme operation, mais en 
choisissant cette fois l'option Menu table de connexion pour le marqueur Table, et 
l'option Menu colonne de connexion pour le marqueur Colonne (voir figure 7-55). Vali- 
dez votre configuration en cliquant sur Suivant. 



Figure 7-55 
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6. Le nouveau comportement etant en place, nous pouvons maintenant creer une occur- 
rence. Pour cela saisissez un mot en haut de la page (« ICI », par exemple), selectionnez- 
le, puis cliquez sur le bouton + du panneau Comportements de serveur et selectionnez le 
nouveau comportement MenuConnexion. Dans sa boite de dialogue, choisissez d'abord la 
connexion Connexi onScore dans le menu Connexion, puis la table agences dans le menu 
Table et enfin la colonne ville dans le menu Colonne (voir figure 7-53). Validez votre 
configuration en cliquant sur le bouton OK. 

7. Verifiez que le nouveau comportement se trouve bien indexe dans le panneau Comporte- 
ments de serveur, et que le participant a bien ete integre dans le code source de la page 
HTML a Fendroit desire (voir figure 7-56). 

8. Cliquez ensuite sur le bouton Li ve Data, afin de vous assurer du bon fonctionnement du 
comportement de connexion a la base de donnees. Comme les criteres de selection de 
l'enregistrement ne sont pas parametrables, vous devez voir immediatement le nom Mar- 
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Figure 7-56 
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Figure 7-57 

£n mode Live Da/a, .«' te 
ftom Marseille s 'affiche 
al'ecran, votre nouveau 
comportement 
fonctionne 
correctement. 




seille s'afficher a l'ecran (voir figure 7-57). A noter que si la page ne comporte pas 
encore de jeu d'enregistrements, il conviendra d'ajouter, en haut du code, la ligne ci- 
apres pour indiquer le chemin du fichier de parametrage de la connexion Score : 

<?php requi re_once( ' . . /Connections/ConnexionScore.php' ) ; ?> 



Champ texte 

Le champ de texte est le champ de saisie d'une donnee standard. II est utilise par defaut dans 
un grand nombre de cas, pour saisir un parametre standard (variable ou valeur) afin de 
1' exploiter au sein d'un comportement de serveur. 
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Figure 7-58 

Boite de dialogue d'un 
comportement de 
serveur utilisant un 
champ texte standard. 
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Champ de texte dynamique 

Le champ de texte dynamique recupere toutes les donnees dynamiques presentes dans le 
panneau Liaisons (variables de jeu d'enregistrements, d'URL, de cookie, de session, de 
formulaire...). Soyez toutefois tres prudent dans l'integration de ce type de champ dans une 
boite de dialogue de comportement, car si vous desirez integrer la variable dans un bloc deja 
encadre par ses balises PHP, il faut supprimer manuellement les balises PHP ajoutees par 
defaut dans le champ Code lors de la capture de la variable (voir figure 7-59). Si vous omettez 
de le faire, vous risquez de provoquer une redondance de balises PHP lors de son integration 
dans le code du bloc. Dans le cas d'une utilisation limitee a votre propre usage, vous pouvez 
neanmoins l'exploiter si vous n'oubliez pas de supprimer ces balises manuellement. Cepen- 
dant, si vous comptez diffuser ce comportement, il faut imperativement y inserer des scripts 
de traitement afin d'eviter ce type d'erreur. 



Figure 7-59 

Boite de dialogue d'un 
comportement de 
serveur utilisant un 
champ texte dynamique. 
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Champ de texte d'URL 

Le champ de texte d'URL permet d' integrer un element adapte a la capture ou la saisie d'un 
lien d'URL. Le champ est dote d'un bouton Parcouri r, qui ouvre une fenetre Sel ectionner un 
fichier, et capture ainsi directement le chemin du fichier. Pour illustrer son utilisation, nous 
allons realiser un petit comportement qui permet de parametrer l'attribut href d'une balise <a> 
dans une boite de dialogue d'un comportement de serveur. 
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Figure 7-60 

Boite de dialogue d'un 
comportement de 
serveur utilisant un 
champ texte d'URL. 
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1. Ouvrez une nouvelle page PHP, cliquez sur le bouton + du panneau Comportements de 
serveur et validez dans le menu Nouveau comportement. Selectionnez la technologie ser- 
veur PHP-MySQL, puis indiquez champUrl dans le champ du nom et validez votre choix. 

2. Depuis la boite de dialogue du Createur de comportements, cliquez sur le bouton + de la 
zone Bloc de code a inserer, puis validez le nom par defaut du nouveau participant 
(soit champUrl_blockl). 

3. Dans la zone Bl oc de code, saisissez le code suivant : 

<?php 

echo "http://www.url"; 

?> 



4. Selectionnez le repere url sur la deuxieme ligne, et cliquez sur le bouton Inserer para- 
metres dans le bloc de code. Dans la boite de dialogue qui s'affiche, remplacez Paraml 
par url et validez. Une fenetre d'alerte doit alors vous demander si vous desirez rempla- 
cer toutes les instances de url . Cliquez sur Oui pour valider la suggestion. Verifiez, dans 
la zone Bl oc de code, que le repere url a bien ete remplace par le marqueur @@url@@ (voir 
figure 7-61). 

5. En bas de la boite de creation, nous allons ensuite configurer le premier menu deroulant 
Inserer code en choisissant l'option Relatif a une balise, et le menu Bali se en selec- 
tionnant la balise <a>. Configurez le menu Position relative avec l'option Comme 
valeur d'un attribut, et le menu deroulant Attribut avec href. Cliquez ensuite sur le 
bouton Sui vant pour valider la creation. 

6. Dans la fenetre Generer une boite de dialogue qui apparait, selectionnez le parametre 
url et cliquez sur la petite fleche a droite de la ligne. Dans le menu deroulant qui s'affi- 
che, selectionnez Champ texte d'URL comme type d'element de saisie. D'autre part, 
comme nous avons configure le menu Inserer code avec l'option Relatif a une balise, 
Dreamweaver a ajoute automatiquement un deuxieme parametre, que nous laisserons 
avec son type par defaut, Tag Menu. Validez votre configuration en cliquant sur OK (voir 
figure 7-62). 

7. Avant de creer une occurrence du nouveau comportement, vous allez creer un lien hyper- 
texte avec pour zone cliquable le mot lien (voir figure 7-63). Selectionnez ensuite ce 
lien hypertexte puis cliquez sur le bouton + du panneau Comportements de serveur pour 
selectionner le nouveau comportement champUrl dans la liste. Dans la boite de dialogue 
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Figure 7-61 
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Figure 7-62 
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du comportement, saisissez une URL (par exemple agencew.com) et validez votre choix 
en cliquant sur le bouton OK (voir figure 7-60). 

Verifiez que le nouveau comportement se trouve bien indexe dans le panneau Comporte- 
ments de serveur et que le participant a bien ete integre dans le code source de la page 
HTML a l'endroit desire (voir figure 7-63). 

Pour tester ce comportement, il faut cette fois enregistrer votre page et l'appeler depuis le 
navigateur de votre Web local. Le lien hypertexte doit etre actif et si vous affichez le 
code source, vous devez obtenir le code ci-dessous : 



a. 
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Figure 7-63 
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<body> 

<a href=" http://www.agencew.com">! ien</a> 

</body> 

Champ de texte numerique 

On utilise le champ de texte numerique pour la saisie de parametres numeriques de petite 
taille (voir figure 7-64). 



Figure 7-64 

Boite de dialogue d'un 
comportement de 
serveur utilisant un 
champ texte numerique. 
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L/'sfes de champs 

Dreamweaver propose aussi deux elements destines a la saisie de listes de champs (voir 
figures 7-65 et 7-66). 
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Figure 7-65 

Boite de dialogue d'un 
comportement de 
serveur utilisant un 
element pour la saisie 
d'une liste numerotee 
des champs d'unjeu. 
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Figure 7-66 

Boite de dialogue d'un 
comportement de 
serveur utilisant un 
element pour la saisie 
d'une liste de champs 
texte separes par des 
virgules. 




Menus-listes, case a cocher, groupe de case a cocher 

Des elements de formulaire classiques comme les menus-listes, les cases a cocher ou encore 
les groupes de boutons radio peuvent etre integres aux boites de dialogue des comportements 
pour selectionner des options (voir figures 7-67, 7-68 et 7-69). 



Figure 7-67 

Boite de dialogue d'un 
comportement de 
serveur utilisant un 
menu-liste. 




Figure 7-68 

Boite de dialogue d'un 
comportement de 
serveur utilisant une 
case a cocher. 
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Figure 7-69 

Boite de dialogue d'un 
comportement de 
serveur utilisant un 
groupe de boutons 
radio. 
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Test d'un nouveau comportement de serveur utilisateur 

Avant de creer de nombreuses occurrences de votre nouveau comportement ou encore de le 
communiquer a une autre personne, il est important de bien le tester pour vous assurer qu'il 
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fonctionne correctement dans differents contextes et avec differentes valeurs. Vous trouverez 
ci-dessous quelques verifications a effectuer pour essayer votre nouveau comportement de 

serveur. 

A partir du panneau Comportements de serveur, appliquez le nouveau comportement a une 
page test en le configurant avec diverses valeurs. Essayez des valeurs usuelles dans un 
premier temps, mais aussi des valeurs aleatoires afin d' experimenter tous les cas possibles. 
Par exemple, vous pouvez laisser le champ vide, saisir des chiffres eleves ou negatifs ou des 
caracteres non autorises (tels que 1,1, :, *...) ou encore entrer des lettres dans les champs de 
type numerique. Verifiez ensuite les points ci-dessous. 

• Verifiez qu'aucune erreur ne se produit lorsque vous appliquez le comportement. 

• Dans le panneau Comportements de serveur, verifiez que le nom du comportement 
s'affiche dans la liste des comportements ajoutes a la page, et qu'il n'est pas precede du 
symbole ! qui signale une erreur. 

• Dans l'inspecteur de code (mode d'affichage Code), verifiez que le code d'execution du 
comportement de serveur apparait bien, et qu'aucun code non valide n'est mis en 
evidence par la coloration syntaxique PHP. 

• Dans la fenetre Document en mode Creati on, verifiez que les icones de script cote serveur 
apparaissent sur la page (icones PHP). Pour les voir, activez Affichage>Assi stances 
visuelles>Elements invisibles. 

• Si votre comportement de serveur insere dans le document un code etablissant une 
connexion a une base de donnees, creez une base de donnees d' evaluation pour tester le 
code insere. Verifiez la connexion en definissant des requetes produisant des jeux de 
donnees de differents types et de tailles variees. 

• Depuis votre serveur Web (apres l'avoir enregistre sur votre Web local ou telecharge sur 
votre serveur Web distant), ouvrez votre page dans un navigateur. Affichez le code source 
HTML de la page et verifiez qu'aucune balise HTML non valide n'a ete ajoutee par les 
scripts cote serveur. 

Procedure de modification ou de suppression d'un comportement de serveur 

utilisateur 

n 
Vous pouvez modifier tout comportement de serveur cree a partir de la fenetre Createur de 33 

comportements de serveur. En revanche, les comportements standards livres a l'installation m. 

par Dreamweaver ne peuvent pas etre changes. © 

to 

1. Dans le panneau Comportements de serveur (Fenetre>Comportements de serveur), cli- g 

quez sur le bouton + et choisissez Modifier le comportement de serveur dans le menu £? 

contextuel. •§ 
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La boite de dialogue Modifier le comportement de serveur s'affiche (voir figure 7-70). 
Elle repertorie tous les comportements de serveur utilisateur exploitant la technologie 
PHP-MySQL (que vous les ayez vous-meme crees ou bien telecharges depuis un site 
Internet). A cette etape, vous pouvez selectionner un comportement de serveur pour le 
modifier (dans ce cas, cliquez sur le bouton Modifier) ou pour le supprimer (dans ce cas, 
cliquez sur le bouton Supprimer). 



Figure 7-70 

Lors de la modification 
ou de la suppression 
d'un comportement, une 
premiere boite de 
dialogue vouspermetde 
choisir le comportement 
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Supprimer ou Modifier 
selon V action desiree. 
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Si vous avez deja utilise le comportement, et que vous desirez le modifier, une fenetre 
d'alerte affiche le message de la figure 7-71. En effet, si vous appliquez un comporte- 
ment a une page et que vous le changez dans Dreamweaver, le nom de l'ancien compor- 
tement disparait du panneau Comportements de serveur. Pour expliquer cela, il faut 
rappeler que Dreamweaver recherche dans la page le code correspondant aux partici- 
pants des comportements de serveur connus. Si le code d'un comportement de serveur 
connu du panneau change, le panneau ne reconnait plus les versions anterieures du com- 
portement dans la page. Si vous desirez que les anciennes et les nouvelles versions du 
comportement s'affichent dans le panneau, il faut creer un nouveau comportement en 
choisissant Creez une copie de l'ancien comportement lors de sa creation. Maintenant 
que vous etes averti des risques d'une telle action, cliquez sur OK pour valider la fenetre 
d'alerte. 
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Figure 7-71 
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S vous modifpez ce comportement,, le panneeu des 
Comportements de serveur risque de ne pas reconneitre les 
instances qui existent deja sur cette page. 

Pour f we une copie de ce comportement, selectloonez 
Nouveau comportement de serveur . 
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4. Dans la boite de dialogue du Createur de comportements, selectionnez le participant a 
modifier dans la zone Bl oc de code a inserer (pour notre exemple, nous retenons le 
participant Affichage conditionn_blockl). Vous pouvez alors rectifier le code ou les 
marqueurs de parametres (ou en ajouter de nouveaux), changer l'endroit oil ce partici- 
pant est insere, en choisissant une autre option dans le menu deroulant Inserer code puis 
dans le menu Position relative. Dans notre exemple, nous allons nous contenter 
d'ajouter une ligne de commentaire rappelant le nom du comportement, afin qu'il appa- 
raisse a tous les endroits du code ou il sera inclus (voir figure 7-72). Validez ensuite 
votre modification en cliquant sur le bouton Suivant. II est a noter que si vous n'aviez 
pas de parametres d'execution integres dans votre comportement, le bouton serait intitule 
OK et validerait immediatement vos modifications, en creant un nouveau comportement 
sans boite de dialogue ecrasant le precedent. Vous trouverez ci-dessous la modification 
apportee au participant Affichage conditionn_blockl de notre exemple : 

<?php 

//Comportement Affichage conditionne 

if (@@ParametreCondi tionl@@ == @@ParametreCondition2@@) 
{//debut du bloc conditionne 
?> 



Figure 7-72 

Depuis la boite de 
dialogue du Createur de 
comportements, vous 
pouvez realiser toutes 
les modifications liees 
au comportement, en 
suivant la mime 
procedure que lors de la 
creation. 
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Dans le cas d'un comportement comportant des parametres d'execution (e'est le cas de 
1' exemple), une fenetre intitulee Generer une boite de dialogue apparait a l'ecran (voir 
figure 7-73). Vous pouvez apporter d'eventuelles modifications au contenu de la boite de 
dialogue. Cliquez ensuite sur OK afin que Dreamweaver cree une nouvelle boite de dialo- 
gue qui ecrase la precedente. 



© 

CO 

o 
o 

O 



Comportements serveur et extensions 



Chapitre 7 



Figure 7-73 

Lafenetre Generer une 
boite de dialogue 
permet de modifier la 
configuration de la boite 
de dialogue specifique 
au comportement. 
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6. Le comportement modifie doit maintenant etre accessible depuis le menu + du panneau 
des comportements de serveur. Cependant, nous vous rappelons que si vous aviez deja 
applique un comportement a une page et que vous venez de le modifier, le nom de 
l'ancien comportement repertorie dans le panneau Comportements de serveur disparait. 
Si vous n'aviez pas pris la precaution de supprimer les anciennes occurrences de ce com- 
portement avant de le changer, vous avez toujours la possibility de les detruire directe- 
ment dans le code source de la page pour ensuite les recreer avec la nouvelle version, 
afin qu'ils puissent etre de nouveau indexes dans la fenetre du panneau Comportements 
de serveur. 

Les extensions Dreamweaver 8 

Une extension est un logiciel que vous pouvez integrer a Dreamweaver 8 pour en ameliorer 
les fonctions. Le nom d'un fichier d'extension se termine par le suffixe .mxp. Un fichier 
d' extension contient tous les fichiers dont vous avez besoin pour installer et utiliser 1' exten- 
sion dans Dreamweaver. 

Macromedia propose differents types d'extensions. Elles peuvent contenir de nouveaux 
comportements, du code HTML, des commandes JavaScript ou encore de nouveaux 
panneaux flottants. De meme, toutes les applications Macromedia qui prennent en charge 
Extension Manager peuvent utiliser des extensions de police pour installer de nouvelles 
polices de caracteres sur le disque dur de votre ordinateur. 

Exploitation de nouvelles extensions Dreamweaver 8 

Depuis le site Exchange de Macromedia, www.macromedia.com/exchange (en anglais), ou 
depuis d'autres sites dedies a l'usage de Dreamweaver MX et de PHP, comme 
www.phpmx.com (en fran§ais), vous pouvez telecharger de nouveaux comportements de 
serveur, de nombreux fragments de code et de multiples applications qui vous permettront de 
developper des sites dynamiques avances. 
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Telechargement et installation d'une extension 

Si vous desirez ajouter une nouvelle fonction a Dreamweaver, vous devez d'abord telecharger 
1' extension correspondante sur votre ordinateur. Commencez par la rechercher en vous 
connectant sur le site Exchange de Macromedia ou sur un autre site de ressources en ligne. 
Une fois votre extension localisee, cliquez sur son icone ou sur le bouton Download associe. 
Une boite de dialogue apparait alors a l'ecran, dans laquelle vous pouvez choisir entre pour 
deux solutions. 

• Telecharger le fichier de l'extension et l'enregistrer sur le disque de votre ordina- 
teur. Ainsi, vous disposez d'un fichier de sauvegarde au cas ou vous devriez reinstaller 
l'extension ulterieurement. Enregistrez-la dans le dossier Extensions de Dreamweaver 
(par exemple, sous Windows : Programme Files/Macromedia/Dreamweaver 8/Downloaded 
Extensions/). Apres le telechargement, double-cliquez sur l'icone du fichier extension 
pour l'installer dans Dreamweaver 8. 

• Ouvrir le fichier de l'extension directement a partir de son emplacement sur le Web, 
au lieu de le telecharger. Le cas echeant, Extension Manager demarre automatiquement 
pour vous permettre d'installer l'extension. Avec cette solution, vous ne conservez 
aucune copie du fichier de l'extension pour un usage ulterieur. 

Gestion des extensions avec Extension Manager 

Extension Manager est l'utilitaire qui vous accompagne dans l'installation de nouvelles 
extensions et pour la gestion de celles deja presentes. II contient aussi des fonctions d'assis- 
tance pour Dreamweaver 8, Fireworks 8 et Flash 8. 

Extension Manager ne se limite pas au telechargement et a la gestion de comportements ; il 
prend aussi en charge de nouveaux types d'extensions de Dreamweaver 8 : 

• fragments de code ; 

• indicateurs de code ; 

• sites ; 

• echantillons ; 

• bibliotheques de balises ; n 

o 
•o 

• barres d'outils ; a. 

fcr 

• types de document ; © 

to 

• manuels d'aide. g 

o 
Pour les fichiers d' extension installes dans Dreamweaver 8 sur des systemes d' exploitation g 

multi-utilisateurs (Windows NT, 2000 et XP, et Macintosh OS X), Extension Manager gere 8 

et modifie les fichiers dans le dossier de configuration courant de l'utilisateur. Sur les -. 
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systemes a un utilisateur, les fichiers Dreamweaver continuent d'etre administres et modifies 
dans le dossier de configuration de l'application installee. 

Utilisation de Extension Manager 

Pour acceder a l'utilitaire Extension Manager, vous pouvez choisir Commande>Gerer les 
extensions. 

Activer une nouvelle extension 

Comme nous l'avons signale ci-dessus, l'utilitaire Extension Manager permet aussi d'activer 
une nouvelle extension directement depuis Dreamweaver. Pour cela, il convient de proceder 
de la maniere suivante. 

1. Pour acceder a Macromedia Exchange depuis Dreamweaver, ouvrez Exchange Manager 
(menu Commandes>Gerer les extensions) etcliquez sur l'icone Macromedia situee dans le 
menu de l'utilitaire (a noter que vous pouvez aussi acceder a Macromedia Exchange a 
partir du panneau Comportements de serveur en cliquant sur le bouton +, puis en choisis- 
sant Obtenir d'autres comportements de serveur). Sur la page d'accueil, identifiez- 
vous en utilisant votre ID Macromedia personnel, puis cliquez sur le lien Macromedia 
Exchange pour Dreamweaver. 

2. Vous arrivez alors sur une page regroupant les differents acces Exchange d' Adobe. Cli- 
quez sur le lien dedie aux extensions pour Dreamweaver afin d'afficher la page de la 
figure 7-74. Pour lancer une recherche, selectionnez App server dans le menu Categorie 
(voir figure 7-74). 

3. Les resultats de la recherche doivent etre proposes sous forme d'un tableau (voir 
figure 7-75) dans lequel ils peuvent etre tries selon les differentes colonnes (categorie, 
auteur, date...). Apres avoir identifie l'extension qui vous convient, il faut cliquer sur son 
nom pour acceder a la page de telechargement. 

4. La page de telechargement regroupe une description, des critiques d'autres utilisateurs et 
un forum en ligne sur lequel vous pourrez poser des questions et obtenir de l'aide. Sur la 
gauche, un bouton nomme Download vous permet de declencher un telechargement (voir 
figure 7-76). 

5. Des que vous avez clique sur le bouton, une boite de dialogue vous propose d'ouvrir le 
fichier ou de le telecharger sur votre disque dur (voir figure 7-77). Choisissez la 
deuxieme option et validez la boite en cliquant sur le bouton OK. 

6. La boite de dialogue Enregistrer sous. . . vous demande de preciser l'endroit oil vous 
desirez enregistrer votre fichier (voir figure 7-78). Selectionnez le repertoire Downloaded 
Extension situe dans le repertoire principal de Dreamweaver. Conservez le meme nom de 
fichier et la meme extension (.mxp), puis validez en cliquant sur le bouton Enregistrer. 
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Figure 7-74 

Depuis la page des extensions Dreamweaver, selectionnez App server pour afficher toutes les extensions dediees 
aux technologies serveur auxquelles PHP appartient. 



7. Une boite de dialogue (voir figure 7-79) vous indique la progression du telechargement, 
au terme duquel vous cliquerez sur le bouton Ouvri r pour installer l'extension immedia- 
tement (si vous cliquez sur le bouton Fermer, son installation sera differee). 

8. Un ecran s'affiche ensuite pour vous rappeler le contrat d'utilisation des extensions de 
Macromedia. Lisez ces clauses de responsabilite limitee, puis validez en cliquant sur le 
bouton Accepter si vous etes en accord avec leur contenu (voir figure 7-80). 

9. A la fin de 1' installation, un ecran d'alerte vous signale que 1' operation s'est correcte- 
ment passee et, selon le type d' extension, il peut vous inviter a redemarrer Dreamweaver 
(voir figure 7-81). 
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Figure 7-75 

Triez les resultats proposes afin de selectionner les extensions selon vos entires de recherche. 



10. Validez cet ecran, puis lisez les preconisations de l'extension que vous venez d'installer 
(voir figure 7-82), et redemarrez Dreamweaver si besoin. Votre extension est maintenant 
operationnelle et il ne vous reste plus qu'a la tester dans votre application. 

Activer ou desactiver une extension existante 

Si vous avez installe un trop grand nombre d'extensions a l'aide de Extension Manager, vous 
pouvez en desactiver certaines afin d'optimiser les performances de l'application. 

1. Demarrez Extension Manager en choisissant Commandes>Gerer les extensions. 
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Figure 7-76 

Chaque extension dispose d'une ligne particuliere qui regroupe de nombreuses informations sur ses specificites, 
et d'un bouton de telechargement. 



Dans Extension Manager, activez ou desactivez 1' option Marche/Arret en regard des 
extensions (voir figure 7-83), ou selectionnez 1' extension et appuyez sur la barre 
d'espace (vous pouvez aussi utiliser les boutons Installer une extension et Supprimer 
une extension du menu de Extension Manager). 

Une coche dans la colonne Marche/Arret en regard de l'extension indique que cette der- 
niere est activee. Lorsque vous desactivez une extension, celle-ci est restructured pour un 
usage ulterieur et stockee dans un repertoire Disabled du dossier Configuration/Exten- 
sions de Dreamweaver. Pour reamorcer l'extension, il suffit de lancer 1' option Marche/ 
Arret en regard de son nom dans Extension Manager. 
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Figure 7-77 

Pour telecharger le fichier et en conserver un exemplaire de secours sur voire disque, ilfaut selectionner V option 
Enregistrer ce fichier et cliquer sur le bouton OK. 

4. Si vous desirez supprimer definitivement une extension qui a ete desactivee, choisissez 
Fichier>Supprimer une extension, mais ne tentez pas de la detruire manuellement dans 
le dossier Disabled. 



Creation de vos propres extensions 

Des developpeurs independants peuvent creer leurs propres extensions. Elles doivent etre 
« empaquetees » a l'aide de Extension Manager pour etre distributes. Une fois l'extension 
empaquetee, il vous faut la tester en utilisant Extension Manager, puis l'installer localement. 
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// est conseille de 
rassembler les 
extensions telechargees 
dans le repertoire 
Extension Manager de 
Macromedia. 
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Figure 7-79 
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Figure 7-80 

Macromedia vous 
demande d' accepter son 
contrat d' utilisation des 
extensions avant de 
demarrer son 
installation dans 
Dreamweaver. 
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Figure 7-81 

Si V installation s'est bien deroulee, un ecran 
d'alerte vous en informe et vous invite 
eventuellement a redemarrer Dreamweaver 
pour pouvoir utiliser V extension. 
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'extension "PHP Numeric Formats' est correeternent nstalee. 



Pour que tes mootfkatictrs prennent effet, vous devez fermer et redemarref Dreamweaver Q. 



Figure 7-82 

Si vous selectionnez une 
extension depuis 
Extension Manager, 
vous pouvez y consulter 
ses specificites ainsi 
qu 'un rapide mode 
d'emploi. 
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Figure 7-83 

La case a cocker 
correspondant a une 
extension desactivee 
devient inactive, et un 
message d'alerte vous 
indique que V operation 
s 'est bien deroulee. 



cromedla Fxtensian Manogor 



& I H I |EWr*«YBr8 



Mocrorntdiei txtcnsion Manager 



"3 I | © 



I tin* 



| Auteur 



20 1 FffMar rffr HIM 



Tlise 

creation o 



bt:Fefca 
HtpV/ww 



J\ 



L'extennon efl *or.-ectefr»nt dosauivee, 

Four que les ircdf kations prennent efffet, vpus-devez tenner ct redemarref Dreamweaver 8. 






You can access ihe teimat colion: fiom the Data Source brtdinpf dtsloa. 
Cfck in* sauce on Ite paoe, llwri click Famat an the selected sauce in the tadrigs dulao. 
Note: it is not rttwhirrtrtdfid la use rl irona (ha Oynarivk. Tart Ul dialog For text ltdd vakifts 
ueb lha nspectai 

Included jet ver formal?: 
Ccinnciy 

Number 



PHP/MySQL avec Dreamweaver 8 



II est alors possible de la soumettre a Macromedia en vue de sa publication sur le site Macro- 
media Exchange. 

Procedure pour empaqueter une extension 

1. Avant d' empaqueter une extension, vous devez la tester aussi scrupuleusement que pos- 
sible. 

2. Copiez tous les fichiers de votre extension dans un repertoire temporaire afin d'en facili- 
ter l'empaquetage. 

3. Creez un fichier d' installation portant le nom de votre extension avec le suffixe .mxi . 

4. Dans Extension Manager, choisissez Fichier>Empaqueter une extension. 



Figure 7-84 

Pour empaqueter une 
extension, selectionnez 
Fichier> Empaqueter 
une extension depuis le 
menu de Extension 
Manager. 
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5. Dans la boite de dialogue Selection de fichiers qui apparait, selectionnez le fichier 
d'installation de votre extension, puis cliquez sur Ouvri r. 

6. Choisissez l'emplacement de destination du fichier d'empaquetage a nommer avec le 
suffixe .mxp, puis cliquez sur Enregistrer. 

7. Extension Manager cree ensuite un paquet contenant une version compressee de tous les 
fichiers utilises par votre extension, y compris le fichier d'installation. II faut ensuite tes- 
ter le fichier ainsi cree en l'installant avec Extension Manager, puis l'essayer dans diffe- 
rentes applications pour verifier son bon fonctionnement. 
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Etude de cas : un site marchand 



Dans ce dernier chapitre, nous allons exploiter Dreamweaver 8 pour developper une boutique 
marchande utilisant la technologie PHP en interaction avec une base de donnees MySQL. 
Pour gagner en productivite, nous essayerons d'utiliser au maximum les differents comporte- 
ments serveur de Dreamweaver 8, et nous ne developperons en lignes de code que les scripts 
qu'on ne pourra pas creer avec les comportements de serveur standards. 

Le cas d'une boutique marchande est la parfaite illustration d'une application exploitant les 
atouts d'un site dynamique. Pour que l'etude soit encore plus concrete, nous avons choisi de 
realiser une librairie en ligne, dans laquelle nous presenterons de veritables ouvrages classes 
par rubriques. Evidemment, cet exemple pourra tres facilement etre adapte a la vente en ligne 
de tout type d' article, et vous pourrez remplacer avantageusement son interface graphique tres 
basique par celle de votre projet. 

Le cahier des charges 

Nous desirons realiser une boutique de livres en ligne. Deux types d'utilisateurs pourront 
acceder au site. Le premier correspond a l'internaute en quete d'un ouvrage (le client), qui 
desire acheter un livre depuis son navigateur Internet. Le deuxieme type correspond a l'admi- 
nistrateur du site, qui gere la page de vente en ligne depuis son navigateur Internet. 

Nous avons dresse une liste des exigences de chacun de ces types d'utilisateurs. 
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Exigences du client 

• Le client peut acceder au site de vente en ligne depuis un navigateur conforme au standard 
HTML 4 ou plus. 

• Le client peut faire sa recherche et sa selection d'ouvrages d'une maniere anonyme, mais 
il doit s'identifier ou remplir un formulaire d'inscription des qu'il valide la liste d'articles 
choisis, pour passer une commande. Dans cette optique, des donnees gerees en session 
(panier virtuel ou caddie) assurent la memorisation des articles selectionnes par le client 
avant la confirmation de la commande. Cependant, des que le client valide sa commande, 
toutes les informations necessaires a la livraison sont enregistrees dans la base de donnees 
du serveur. 

• Le client recherche un article en selectionnant un theme ou en saisissant le nom (ou une 
partie du nom) d'un ouvrage dans un champ de recherche du catalogue. Le resultat de sa 
recherche s'affiche sous la forme d'une liste d' informations succinctes (reference, auteur, 
prix), et le client peut visualiser la fiche de chaque article par un simple clic sur la refe- 
rence de l'ouvrage desire. La fiche d'un ouvrage comporte toutes les donnees concernant 
le livre (reference, titre, auteur, description, prix, photo de la couverture). S'il le desire, le 
client ajoute l'article a son panier virtuel en cliquant sur un lien hypertexte special depuis 
la fiche de l'article. 

• Le client peut modifier la quantite desiree de chaque article selectionne, et eventuelle- 
ment en supprimer certains depuis l'ecran du panier virtuel. En revanche, il ne peut plus 
modifier sa commande des qu'elle est validee. 

• Le client imprime le bon de commande etabli lors de sa validation en ligne. II adresse a 
l'administrateur du site ce bon accompagne de son reglement pour que les articles selec- 
tionnes lui soient envoyes. Cependant, un module complementaire de paiement en ligne 
peut facilement etre ajoute au site afin d'automatiser toute la chaine du processus d'achat. 

• Apres s'etre de nouveau identifie, le client suit l'etat de sa commande, qui peut prendre 
deux valeurs : Attente, pour les commandes validees mais en attente du paiement, et 
Livre, pour les commandes envoyees au client. 

Exigences de l'administrateur n 

o 
•o 

• L'administrateur gere le site depuis son navigateur Internet, a. 

fcr 

• L'administrateur doit s'identifier pour acceder a son espace d' administration en ligne, et © 
un seul couple login/mot de passe est configure a cet effet. o 

• L'administrateur peut supprimer des comptes client et en modifier les informations. £? 

c 

• L'administrateur ajoute, supprime ou modifie les articles du catalogue. 8 
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• L'administrateur affiche les informations de chaque commande, change l'etat d'une 
commande apres l'envoi des articles (Attente, Livre) ou supprime completement une 
commande dans le cas ou le reglement ne lui parviendrait jamais. 

Memorisation des informations 

Conception du systeme a" identification des utiiisateurs 

Des son arrivee sur le site de la boutique, l'utilisateur est identifie anonymement par le 
systeme de gestion de sessions integre de PHP. Cet identifiant de session anonyme le suit 
pendant toute sa visite sur le site. 

Si l'utilisateur est un client, sa session lui permet dans un premier temps de memoriser les arti- 
cles ajoutes a son panier virtuel (voir tableau 8-2 ci-apres). Lors de la validation de sa 
commande, le client decline son identite en saisissant son e-mail et son mot de passe, ou cree 
un compte client s'il n'en possede pas encore. Apres le controle de la validite du compte 
client, son e-mail ($_SESSION['email ']) et son statut ($_SESSION['statuf ], egal a client 
dans ce cas) viennent completer les donnees du panier virtuel dans la session (voir 
tableau 8-1). II est a noter que, au cours de cette etape, les informations de sa commande et ses 
coordonnees sont enregistrees dans la base de donnees du serveur, pour les recuperer lors 
d'une prochaine visite. 

Si l'utilisateur est un administrateur, sa session memorise uniquement son e-mail et son statut 
lors de la saisie du formulaire d'identification. La memorisation de son statut admi n lui permet 
d'acceder a toutes les pages de l'espace administrateur, sans avoir a s'identifier lors du 
passage d'une page a l'autre. 

Tableau 8-1 - Variables de session utilisees pour I'identification d'un utilisateur 



Variables de session 
dediees a ('identification 


Description 


Exemples 


$_SESSION['email'] 


E-mail de l'utilisateur (client ou 
administrateur). 


jmdefrance@eyrolles.com 


$_SESSION['statut'] 


Statut de l'utilisateur, qui prend la valeur client 
ou admin selon le profil de l'utilisateur. 


client 



uu aui i in i seiui i ic piuin uc i uunocueui . 

Conception de I 'application du panier virtuel 



Comme nous l'avons precise precedemment, les informations relatives aux articles selec- 
8 tionnes par l'utilisateur sont memorisees dans des variables de session. Nous utilisons une 

© variable de type tableau ($liste[]) pour memoriser toutes les informations de la liste du 

% panier virtuel. Ce premier tableau contient lui-meme autant de variables de type tableau qu'il 

a. y a d'articles a retenir ([x] represente l'identifiant de chaque article). Chaque tableau d'article 

O 
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memorise quant a lui quatre informations differentes ([y]-0 : reference, [y]-l : quantite, 
[y]-2 : prix unitaire, [y]-3 : prix total). La structure ainsi obtenue est done un tableau a deux 
dimensions ($liste[x][y]). 

Pour bien comprendre le fonctionnement de cette variable $liste, nous vous proposons 
d'illustrer son utilisation par un exemple concret d'une commande de trois articles (AUT0JMD1, 
AUT0JMD2 et INFOAC). Dans cet exemple, il est possible de recuperer l'information quantite de 
l'article INFOAC a l'aide de la variable $liste[2][l] (qui est egale a 1 dans l'exemple), ou 
encore le prix total (prix unitaire x quantite) de l'article AUT0JMD2 a l'aide de la variable 
$1 iste[l][3] (qui est egale a 138.00 dans l'exemple ; voir tableau 8-2). 

Tableau 8-2 - Exemple de panier virtuel memorise dans la variable de session 

$^SESSI0N['liste'] 



Sliste [x][y] 


[y]=[0] : reference 


[y]=[1] : quantite 


[y]=[2] : prix unitaire 


[y]=[3] : prix total 


[x]=[0] : articleO 


AUTOJMD1 


2 


40.00 


80.00 


[x]=[1] : articlel 


AUTOJMD2 


3 


46.00 


138.00 


[x]=[2] : article2 


INFOAC 


1 


50.00 


50.00 



Une deuxieme variable permet de memoriser le prix total de la commande. Cette variable 
nominee $total est geree, elle aussi, dans la session de l'utilisateur (voir tableau 8-3). 

Tableau 8-3 - Variable de session utilisee pour memoriser le total de la commande 

Variable Description Exemples 

$_SESSION['total'] Prix total de tous les articles de la commande. 268.00 



Conception et realisation de la base de donnees 

Nous appelons boutiquemx_db la base de donnees de l'application, constitute de cinq tables 
selon les specifications ci-dessous. 

Structure de la base de donnees boutiquemx_db 

• Table a rti cl es - regroupe les champs caracterisant les differents parametres des articles 
de la boutique (reference, auteur, description, prix unitaire...). 

• Table rubri ques - definit le nom des themes dans lesquels sont classes les articles. 

• Table commandes - regroupe les champs caracterisant une commande (date, identifiant du 
client, etat de la commande...). 

• Table 1 i stes - regroupe les champs caracterisant chaque article commande (reference de 
l'article, quantite commandee...). 
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• Table cl ients - regroupe les champs caracterisant chaque client (nom, prenom, adresse, 
e-mail, mot de passe...). 

Ces cinq tables sont organisees selon les relations decrites dans la figure 8-1. Dans ce schema, 
les cles primaires sont representees en gras, les cles etrangeres sont soulignees et les noms des 
champs facultatifs sont en italique. 

Avant de creer les tables, il faut determiner les types de donnees les mieux adaptes a l'utilisa- 
tion de chaque champ. Les types de donnees choisis pour chaque champ sont detailles dans les 
tableaux 8-4 a 8-8. 



Figure 8-1 

Le schema de la base de 
donnees boutiquemx_db 
met en evidence les 
relations entre les cinq 
tables. 



1 


commandos 






ID 




date 


, »TTF» 


clientID 




ID 




etat 


nom 


total 


prenom 








adresse 




ville 


cp 








tel 




listes 


email 


n 


ID 




pass 


commandelD 








reference 






quarrtite 




l 


reference 




total Article 










titre 




auteur 






1 n 


description 




ID 


rubriquelD 
prix 








theme 








photo 



Tableau 8-4 - Types des champs de la table articles 
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Nomdu 
champ 


Type 


Taille/ 
Valeurs 


Description 


reference 


VARCHAR 


10 


Reference de Particle codee sur 10 caracteres maximum : cle 
primairede la table. 


titre 


VARCHAR 


50 


Titre de I'ouvrage avec un maximum de 50 caracteres. 


auteur 


VARCHAR 


50 


Auteur de I'ouvrage avec un maximum de 50 caracteres. 


description 


TEXT 




Description de I'article au format texte. 
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Tableau 8-4 - Types des champs de la table articles (suite) 



Nom du 
champ 


Type 


Taille/ 
Valeurs 


Description 


rubriquelD 


TINYINT 


4 


Identifiant de la rubrique (cle etrangere) dans laquelle est classe 
Particle. 


prix 


DECIMAL 


5,2 


Prix de I'article sur 5 chiffres avec 2 decimales. 


photo 


VARCHAR 


50 


Nom facultatif (si le fichier n'est pas precise, le nom photo0.jpg 
est enregistre par defaut) du fichier de la photo illustrant la 
couverture de I'ouvrage. 





Tableau 8-5 - Types des champs de la table rubriques 


Nom du 
champ 


Type 


Taille/ Description 
Valeurs 


ID 


TINYINT 


4 Identifiant auto-incremente du theme : cle primaire de la table. 


theme 


VARCHAR 


20 Nom du theme sur 20 caracteres maximum. 



Tableau 8-6 - Types des champs de la table commandes 



Nom du 
champ 


Type 


Taille/Valeurs 


Description 


ID 


SMALLINT 


6 




Identifiant auto-incremente de la commande : cle primaire 
de la table. 


date 


SMALLINT 






Date de la commande. 


clientID 


VARCHAR 


6 




Identifiant du client (cle etrangere) qui a valide la 
commande. 


etat 


ENUM 


'Attente' 


'Livre' 


Etat de la commande pouvant prendre deux valeurs : 
Attente ou Livre. 


total 


DECIMAL 


5,2 




Montant total de la commande sur 5 chiffres et 2 decimales. 



Tableau 8-7 - Types des champs de la table listes 



Nom du 
champ 


Type 


Taille/ 
Valeurs 


Description 


ID 


SMALLINT 


6 


Identifiant auto-incremente de chaque enregistrement d'article 
commande : cle primaire de la table. 


commandelD 


SMALLINT 


6 


Identifiant de la commande (cle etrangere) qui permet de lier 
I'enregistrement de I'article a une commande specifique. 


reference 


VARCHAR 


10 


Reference de I'article (cle etrangere). 



© 

CO 

o 
o 

O 



Etude de cas : la boutique MX 



Chapitre 8 



Tableau 8-7 - Types des champs de la table listes (suite) 



Nomdu 
champ 


Type 


Taille/ 
Valeurs 


Description 


quantite 


TINYINT 


4 


Nombre d'articles commandes. 


prixArticle 


DECIMAL 


5,2 


Montant total de chaque enregistrement d'article sur 5 chiffres 
et 2 decimales (quantite X prix unitaire). 



Tableau 8-8 - Types des champs de la table clients 



Nomdu 
champ 


Type 


Taille/ 
Valeurs 


ID 


SMALLINT 


6 


nom 


VARCHAR 


50 


prenom 


VARCHAR 


50 


adresse 


VARCHAR 


100 


vllle 


VARCHAR 


50 


cp 


VARCHAR 


5 


tel 


VARCHAR 


20 


email 


VARCHAR 


50 


pass 


VARCHAR 


20 


statut 


VARCHAR 


10 



Description 

Identifiant auto-incremente du client : cle primaire de la table. 

Nom du client sur 50 caracteres maximum. 

Prenom du client sur 50 caracteres maximum. 

Adresse du client sur 100 caracteres maximum. 

Ville du client sur 50 caracteres maximum. 

Code postal du client sur 5 caracteres. 

Numero de telephone du client sur 20 caracteres maximum. 

E-mail du client sur 50 caracteres maximum. Cet e-mail est 
utilise par le client pour s'identifier lors de chaque visite. 

Mot de passe du client sur 20 caracteres maximum. 

Statut de I'utilisateur avec client pour valeur par defaut. 
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Creation de la base de donnees boutiquemx db 

Nous avons desormais toutes les informations pour creer la base de donnees et definir les 
differents champs de ses tables. Commencez par ouvrir le gestionnaire de bases 
phpMy Admin : cliquez sur l'icone Wamp5 dans la zone d'etat et selectionnez phpMyAdmi n. Dans 
le champ du centre, saisissez le nom de la nouvelle base, boutiquemx_db, puis cliquez sur le 
bouton Creer (voir figure 8-2). Le nom de la nouvelle base doit s'afficher dans le cadre de 
gauche avec la mention Aucune table n'a ete trouvee dans cette base. 

En bas du cadre de droite, tapez le nom de la table a creer (arti cl es par exemple), renseignez 
le nombre de champs (7 pour la table articles), puis cliquez sur le bouton Executer (voir 
figure 8-3). L'ecran suivant est un formulaire destine a definir les champs a creer (voir 
figure 8-4). Pour chaque champ, reportez dans les colonnes Champs, Type et Tai 1 1 e/Val eurs de 
ce formulaire les informations definies ci-dessus (voir le tableau 8-4 pour la table articles). 
Indiquez ensuite que le champ ID est la cle primaire de cette table en cochant la case primai re 
a l'extreme droite du formulaire, et selectionnez Foption auto_i ncrement dans le menu derou- 
lant de la colonne extra. Cliquez enfin sur le bouton Sauvegarder pour creer cette nouvelle 
table. 
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Figure 8-2 

Pour creer /a fease rfe donnees, saisissez son nom dans le champ Creer une base de donnees du gestionnaire 
phpMyAdmin puis validez- 



Apres la validation, un nouvel ecran indique la requete SQL creee automatiquement par 
phpMyAdmin, ainsi qu'un tableau recapitulatif des proprietes de la nouvelle table. Renou- 
velez ensuite cette procedure pour la fabrication des quatre autres tables (en utilisant les infor- 
mations des tableaux 8-5 a 8-8) pour completer la structure de la base de donnees 
boutiquemx_db. Au terme des differentes creations de tables, vous devez obtenir une structure 
de base semblable a celle de la figure 8-5. 

Jeu de donnees utilise pour les tests 

Pour realiser les premiers tests, il est necessaire de creer des rubriques, puis des articles 
associes ; nous nous en servirons pour tester les pages dynamiques du catalogue que nous 
allons creer dans la partie suivante. Pour que vous disposiez du meme jeu de donnees que 
celui qui a ete utilise pour rediger cet ouvrage, nous avons mis a votre disposition un fichier 
jeu_donnees_test.sql dans le repertoire archives du dossier SITEboutiquemx_STRUCTURE, 
disponible sur le site www.editions-eyrolles.com. Pour ajouter ces donnees dans chacune des 
tables de la base de donnees, cliquez sur le bouton Parcouri r a droite du champ Empl acement 
du fichier texte (voir figure 8-6 a la rubrique Executer une ou des requetes) ; utilisez 
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3 Eocolhosl / local host / bouliquenrx.db J phpMyAdmin 2. 7.0-pl1 - Mlcrosofl Interne! Explorer 
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Figure 8-3 

Saisissez le nom de la table a creer en precisant le nombre de champs desires puis cliquez sur Executer. 



Figure 8-4 

Reportez toutes les 
informations qui 
caracterisent chacun 
des champs de la 
nouvelle table en vous 
appuyant sur les 
donnees du tableau 8-4. 
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Figure 8-5 

Unefois les cinq tables creees, vous devez obtenir une structure de base semblable a celle de la figure ci-dessus. 



ensuite l'explorateur de fichiers pour selectionner le fichier jeu_donnees_test.sql. Apres 
avoir valide votre choix, le chemin qui mene au fichier doit s'afficher dans le champ de 
l'emplacement. Cliquez sur le bouton Executer pour realiser 1' integration des donnees dans la 
base. Evidemment, si vos tables ne sont pas vides, vous risquez d' avoir un message d'erreur 
vous le signalant. II suffira alors de vider (attention, vider et non supprimer) vos tables avant 
de proceder a l'insertion du jeu de donnees. Une autre alternative consiste a charger la base 
complete (structure et donnees incluses) depuis la sauvegarde boutiquemx_db.sql disponible 
dans le meme repertoire archives. Dans cecas, toutelabase sera remplacee automatiquement 
par celle de la sauvegarde. 

II est a noter que, pour nos tests en Web local, nous utilisons le compte utilisateur par defaut 
root de la configuration MySQL initiale, qui ne necessite pas de mot de passe. Par la suite, si 
vous comptez exploiter cette application sur un serveur distant, il faudra evidemment creer un 
compte utilisateur specifique a l'application et lui attribuer un mot de passe. Nous vous invi- 
tons pour cela a revoir la procedure decrite au chapitre 2, intitulee Configuration des droits 
d'un utilisateur. D'autre part, pour afficher les photos des livres de ce jeu d'essai dans la page 
fiche.php, vous devez dans un premier temps copier la serie de photos (photol.jpg, 
photo2.jpg...) dans le repertoire /images/ du site, en attendant de pouvoir utiliser l'interface 
administrateur de mise a jour de ces photos. 
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Figure 8-6 

Le champ Emplacement dufichier texte permet d'executer une commande d'insertion de donnees a partir d'un 
fichier contenant un jeu de donnees test. 



Structure et interfaces du site 



Les codes du projet sont a votre disposition 

Deux versions du projet boutique MX sont disponibles sur le site de I'editeur (www.editions-eyrolles.com). 
La premiere, SITEboutiquemx_STRUCTURE, contient la structure du site avec ses repertoires, ainsi que 
les differentes images et une sauvegarde de la base de donnees (la sauvegarde SQL se trouve dans le 
repertoire archives du site). Cette version vous permet de passer rapidement a la creation des pages 
dynamiques de la boutique sans avoir a vous preoccuper de la structure du site. La deuxieme version, 
SITEbouti quemx, contient le site complet avec toutes ses pages dynamiques. 



Creation du site Boutique MX et de sa connexion a la base de 
donnees 



o- 

c 





Creation d'un nouveau site Boutique MX 

Depuis le menu, selectionnez Site, puis Nouveau site. Dans la fenetre Definition d'un site 
qui s'affiche, cliquez sur l'onglet Avance. Dans la premiere categorie Informations locales, 
saisissez dans le premier champ le nom du site (SITEbouti quemx). Cliquez sur le petit dossier 
jaune situe a droite de la zone Dossier racine locale afin d'afficher le selecteur de fichier. 
Ouvrez ensuite le repertoire www situe dans le dossier wamp (C:\wamp\www\) et creez dans ce 
dossier un nouveau repertoire (nomme SITEbouti quemx), destine au nouveau projet. Cliquez 
ensuite sur le repertoire pour le selectionner, puis validez votre choix. De retour dans la 
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fenetre Definition du site, vous devez avoir le chemin C:\wamp\www\SITEboutiquemx\ 
memorise dans la zone Dossier racine locale (voir figure 8-7). 



Definition du site pour SIT£boutiquemx 



Elemental Avance 
Categorie 



Infos distantes 
Serveur d'evaEuation 
Vofage 
Design Notes 

Mise en forme de la carte du site 

Colonnes en mode Fichier 
Contribute 



Infos locates 
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Dossier des Images par def aut 
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AdresseHTTP: I http:// 



Cette adresse est utilises pour les liens 
relatifs au site, et pour permettre au 
Verificateur de liens de detecter les liens 
HTTP qui font referents a votre propre site 



Liens sensible a la casse ; Q JMser verification des (ens sensible a la casse 
Cathe : Activer le cache 

Le cache conserve les informations sur les 
f ichiers et les actifs du site, ce qui ac celere 
ies f onctionnalites du panneau des actif s, 
de la gestion des Bens et de la carte du site. 



OK 



AnnJer 



Aide 



Figure 8-7 

Parametrage des informations locales du site Boutique MX. 



Cliquez ensuite directement sur la categorie Serveur d' evaluation (la categorie Infos 
di stantes n'est a configurer que si vous comptez transferer votre site sur un serveur distant). 
Dans la boite de dialogue de la categorie Serveur d' evaluation, vous devez selectionner le 
modele de serveur (PHP MYSQL). Dans la zone Acces, selectionnez l'option Local /Reseau et 
assurez-vous que Dreamweaver a bien reporte le chemin du repertoire racine dans la zone 
Dossier serveur local (voir figure 8-8). Au besoin, cliquez sur le dossier jaune pour selec- 
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Definition du site pour SITEboutiquemx 



Elemental Avance 
Categorie 



Serveur (fevaluation 



Infos locales 
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Design Notes 
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Figure 8-8 

Parametrage du serveur d' evaluation du site Boutique MX. 
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tionner le dossier precedemment cree : C:\wamp\www\SITEboutiquemx\. Dans la derniere zone 
de saisie intitulee Prefixe de 1 'URL, ajoutez le nom du repertoire cree pour le projet (SITE- 
boutiquemx) a la suite de l'URL deja indiquee par defaut. Vous devez alors obtenir l'URL 
suivante : http://localhost/SITEboutiquemx/. Cliquez enfin sur le bouton OK pour creer 
votre nouveau site Boutique MX. 

Creation d'une connexion a la base de donnees 

Le nouveau site Boutique MX etant defini, et la base de donnees boutiquemx_db creee, nous 
pouvons maintenant configurer la connexion a cette base, afin d'acceder aux donnees depuis 
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les pages PHP du site. Dans cette application, nous n'avons pas prepare de compte utilisateur 
specifique et, comme nous l'avons precise, nous utiliserons pour nos tests le compte root 
installe par defaut sur le serveur MySQL. Ce compte universel installe par defaut sur votre 
serveur MySQL a la particularite de pouvoir acceder a toutes les bases sans necessiter de mot 
de passe. Evidemment, il ne doit etre utilise que sur votre serveur local pendant la periode de 
developpement de votre projet. 

1. Ouvrez une premiere page PHP dans Dreamweaver : menu Fichier>Nouveau, selection- 
nez Page dynamique et PHP, puis cliquez sur Creer. 

2. Deroulez le panneau Application et selectionnez l'onglet Base de donnees. Cliquez sur 
le bouton + et selectionnez la rubrique Connexion MySQL qui s'affiche dans le menu con- 
textuel. 

3. La fenetre Connexion MySQL doit alors s'afficher. Dans la zone Nom de connexion, saisis- 
sez le nom ConnexionBoutiquemx (voir figure 8-9). 



Figure 8-9 

Parametrage de la 
connexion MySQL. 
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4. Dans le champ Serveur MySQL, indiquez l'ordinateur sur lequel est installe le serveur 
MySQL (dans notre application, nous saisissons local host). 

5. Saisissez ensuite les parametres de l'utilisateur root et pas de mot de passe. 

6. Cliquez sur le bouton Sel ecti onner pour afficher toutes les bases de donnees disponibles 
sur votre serveur d'evaluation. Selectionnez la base boutiquemx_db et validez en cliquant 
sur le bouton OK. 

7. Vous devez alors voir la base selectionnee affichee dans le champ Base de donnees. 
Vous pouvez maintenant verifier si la connexion est valide en cliquant sur le bouton Tes - 
ter. Un message doit vous informer que la connexion est etablie si tous vos parametres 
sont corrects. Si la connexion echoue, verifiez de nouveau les parametres ci-dessus (Ser- 
veur, Nom, Mot de passe) et assurez-vous que Wamp5 est bien actif. 

8. Fermez la fenetre du message et confirmez la creation de la connexion en cliquant sur le 
bouton OK. 

9. La connexion a la base de donnees est desormais etablie, et une icone representant la 
base boutiquemx_db doit apparaitre dans la fenetre Base de donnees. Vous pouvez alors 
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cliquer successivement sur les + qui precedent les noms des branches de l'arborescence 
pour deplier l'arbre de la base de donnees (a partir de la branche Tabl es). 

Conception de r interface Public 

Navigation normale d'un client 

Avant de detailler l'interface Public de la boutique, rappelons le deroulement d'une visite 
normale d'un client sur le site. Apres avoir clique sur la page d'index du site, le client est 
oriente automatiquement vers l'ecran du catalogue, qui lui permet d'effectuer des recherches 
et d'obtenir la fiche de chaque article. Le client peut ajouter un article a son panier virtuel par 
un simple clic sur un lien hypertexte dans la fiche. A chaque ajout d'un nouvel article, l'ecran 
du panier s'affiche, et le client peut ainsi consulter sa selection et eventuellement modifier les 
quantites, voire supprimer definitivement un article du panier. Sa selection d' articles 
terminee, le client clique sur le bouton Commander pour valider ses achats. Un formulaire de 
controle d'acces remplace alors celui du panier et le client saisit son e-mail et son mot de 
passe, s'il a deja un compte client, ou clique sur un lien pour acceder a un formulaire 
d' inscription. Une fois le client identifie, sa commande et la liste de ses differents articles sont 
liees a son compte et il peut afficher toutes ses commandes (en attente ou deja livrees) depuis 
l'ecran Commande. II lui suffit d'imprimer le bon de sa derniere commande et de l'envoyer 
accompagne de son reglement pour que les articles lui soient postes a son adresse. 

Conception du modele de l'interface Public 

Pour permettre au client de realiser sa commande selon cette procedure, l'interface Public 
dispose d'un menu horizontal a quatre choix, situe en haut de l'ecran. Ainsi, l'utilisateur passe 
rapidement de l'ecran du catalogue a celui du panier ou a celui de la commande. Une 
quatrieme rubrique est cependant ajoutee afin de permettre a l'administrateur d' acceder a son 
espace depuis n'importe quel ecran public (voir figure 8-10). 



Figure 8-10 

Menu de l'interface 
Public. 
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Pour faciliter la maintenance de l'application, nous utilisons un modele dedie a tous les ecrans 
de l'espace Publ i c. Les liens hypertextes du menu sont realises a l'aide d'une carte graphique. 
Rappelons qu'une carte graphique est une image qui sert de moyen de navigation. Ce type de 
carte vous permet de creer plusieurs zones reactives (des zones « cliquables ») dans une meme 
image, et de faire en sorte que chacune de ces zones mene a un fichier different. 
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Procedure de creation du modele ModelePublic.dwt.php 

1. Depuis le menu Fichier, selectionnez Nouveau. Choisissez Page dynamique et PHP puis 
validez. 

2. Placez-vous dans le haut de la fenetre du document en mode Creati on, et inserez l'image 
bandeauPublic.gif disponible dans le repertoire /images/ du site. 

3. Selectionnez l'image et cliquez sur l'outil de creation de zone reactive rectangulaire, 
dans lapartie gauche dupanneau Proprietes de 1 'image. Positionnez-vous dans l'image 
du menu, cliquez a l'endroit du coin superieur gauche de la premiere zone a creer et eten- 
dez le rectangle (en gardant le bouton gauche de la souris appuye), de facon a recouvrir 
completement le nom de la rubrique (Commande par exemple). Cliquez ensuite sur le petit 
dossier jaune situe a droite de la zone Lien dans le panneau Proprietes de la nouvelle 
zone reactive, et selectionnez le fichier correspondant au lien hypertexte a creer (voir 
figure 8-11). Pour sortir du mode Creation d'une zone reactive, cliquez sur le bouton 
avec la petite fleche noire situee a gauche des outils de creation de zone reactive, dans le 
panneau Proprietes. Renouvelez l'operation pour les trois autres zones du menu en con- 
figurant pour chacune d'entre elles un lien sur le fichier adapte (voir figure 8-10). 

4. Inserez un tableau d'une ligne et d'une colonne sous le menu, et transformez-le en zone 
modifiable: selectionnez le tableau, choisissez Insertion>Objets de model e>Regions 
modi f i abl es, puis attribuez-lui un nom et validez. 

5. Sous cette zone modifiable, inserez labarre de bas de page BarreBasPublic.gif disponi- 
ble dans le repertoire /images/ du site. 

6. Enregistrez ensuite la page comme modele : Fichier>Enregistrer comme modele. Saisis- 
sez le nom du modele, ModelePubl ic, et validez en cliquant sur le bouton Enregistrer. 

Conception de I'interface Administrateur 

Navigation normale d'un administrateur 

Comme nous venons de le voir, 1' administrateur peut acceder a son espace depuis l'un des 

ecrans de l'espace Public en cliquant sur la rubrique Admin du menu. Des l'entree dans 

l'espace administrateur, l'utilisateur doit s'identifier en saisissant son e-mail et son mot de n 

passe. Une fois reconnu, son statut est enregistre dans une variable de session, et il peut libre- 22 

ment acceder aux differents ecrans de gestion en utilisant les liens du menu : gestion des arti- <g! 

cles, gestion des commandes et gestion des clients. ® 



Conception du modele de I'interface Administrateur 

Pour que 1' administrateur accede a ces differentes fonctions, I'interface admin dispose d'un 
menu horizontal a quatre choix, situe en haut de l'ecran. Ainsi, 1' administrateur peut passer 
rapidement d'un ecran de gestion a 1' autre. Une quatrieme rubrique est cependant ajoutee afin 
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Figure 8-11 

Creation du models d' interface pour la zone Public. 

de permettre a 1' administrateur de retourner dans l'espace Publ i c depuis n'importe quel ecran 
Administrateur (voir figure 8-12). 

Comme pour l'espace Public, nous allons creer un modele dedie aux ecrans Administrateur 
afin d'en faciliter la maintenance. La structure est semblable a celle du modele Publ i c, hormis 
les images du bandeau de menu et de la barre du bas, qui sont personnalisees pour l'espace 
Administrateur (couleurs, noms de rubriques, liens hypertextes differents...). 

Procedure de creation du modele ModeleAdmin.dwt.php 

1. Depuis le menu Fichier, selectionnez Nouveau, puis Page dynamique et PHP. Validez. 

2. Placez-vous dans le haut de la fenetre du document en mode Creati on et inserez l'image 
bandeauAdniin.gif disponible dans le repertoire /images/ du site. 
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Figure 8-12 

Menu de V interface Administrateur. 



3. Selectionnez 1' image et cliquez sur l'outil de creation de zone reactive rectangulaire, 
dans la partie gauche du panneau Proprietes de l'image. Positionnez-vous dans l'image 
du menu, cliquez a l'endroit du coin superieur gauche de la premiere zone a creer et eten- 
dez le rectangle (en gardant le bouton gauche de la souris appuye), afin de recouvrir 
completement le nom de la rubrique (Arti cl es par exemple). Cliquez ensuite sur le petit 
dossier jaune situe a droite de la zone Lien dans le panneau Proprietes de la nouvelle 
zone reactive, et selectionnez le fichier correspondant au lien hypertexte a creer (voir la 
figure 8-13). Pour sortir du mode Creation d'une zone reactive, cliquez sur le bouton 
avec la petite fleche noire situee a gauche des outils de creation de zone reactive, dans le 
panneau Propri etes. Renouvelez 1' operation pour les trois autres zones du menu, en con- 
figurant pour chacune d'entre elles un lien sur le fichier adapte (voir figure 8-12). 

4. Inserez un tableau d'une ligne et d'une colonne sous le menu, et transformez-le en zone 
modifiable: selectionnez le tableau, choisissez Insertion>Objets de model e>Regions 
modi f 1 abl es, puis attribuez-lui un nom et validez. 
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5. Sous cette zone modifiable, inserez la barre de bas de page BarreBasAdmin.gif situee 
dans le repertoire /images/ du site. 

6. Enregistrez ensuite la page comme modele : Fichier>Enregistrer comme modele. Saisis- 
sez le nom du modele, Model eAdmin, et validez en cliquant sur le bouton Enregi strer. 




Figure 8-13 

Selection dufichier correspondant au lien hypertexte a creer. 
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Plan de navigation et arborescence du site 

Plan de navigation 

Pour avoir une bonne vision de l'ensemble du site et des differents liens a creer entre les 
ecrans, nous avons realise un plan de navigation pour chaque espace utilisateur (voir 
figures 8-14 et 8-15). 
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Comme nous l'avons deja fait pour le projet SCORE, nous allons des maintenant creer toutes les 
pages du site a partir du modele approprie, et les enregistrer dans les repertoires dedies a 
chaque espace (administrateur ou public). 



Figure 8-14 

Plan de navigation de 
V espace Public. 
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Figure 8-15 

Plan de navigation de 
I 'espace Administrateur. 
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Procedure de creation d'un ecran du site a partir d'un modele 

1. Depuis le menu Fichier, cliquez sur Nouveau (ou, plus rapide, utilisez la combinaison de 
touche Ctrl + N). 
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2. Cliquez sur l'onglet Model e et choisissez le modele desire dans la liste, puis cliquez sur 
Creer. 

3. Saisissez le titre en haut de la zone modifiable et enregistrez la nouvelle page, en prenant 
bien soin de selectionner au prealable le bon dossier (administrateur ou publ ic). 

4. Renouvelez l'operation pour tous les fichiers figurant dans la liste du tableau 8-9 (sauf le 
fichier index. php, situe a la racine du site, qui comporte uniquement le logo du site et 
n'est done pas realise a partir d'un modele). 

Tableau 8-9 - Nomenclature de toutes les pages du site Boutique MX 



Dossier 


Nom du fichier 


Description 


/ 


index, php 


Zone Accueil : page qui s'affiche par defaut des qu'on se 
connecte au site. Elle contient uniquement un logo cliquable 
du site, qui permet d'acceder a I'ecran Catalogue. 


/public/ 


catalogue.php 


Zone Public : affiche la liste des articles avec un lien 
contextuel sur le fichier fiche.php pour afficher le detail de 
I'article concerne. Depuis cet ecran, il est aussi possible de 
selectionner un theme ou de faire une recherche sur un titre 
(ou une partie de ce titre). 


/public/ 


fiche.php 


Zone Public : affiche les differentes caracteristiques d'un 
article et sa photo. 


/public/ 


panier.php 


Zone Public : affiche le contenu du panier virtuel. II est 
possible de modifier les quantites de chaque article ou encore 
de supprimer definitivement un article du panier. 


/public/ 


login. php 


Zone Public : formulaire d'identification d'un client. 


/public/ 


inscription. php 


Zone Public : formulaire d'inscription d'un client. 


/public/ 


commande.php 


Zone Public : affiche les differentes commandes liees au 
compte du client. 


/administrateur/ 


index, php 


Zone Administrateur : acces et identification pour la zone 
Administrateur. 


/administrateur/ 


ArticlesGestion.php 


Zone Administrateur : gestion des articles (liste, ajout, 
suppression, modification). 


/administrateur/ 


ArticlesAjout.php 


Zone Administrateur : ajout d'un nouvel article. 


/administrateur/ 


ArticlesModif.php 


Zone Administrateur : modification des informations de la 
fiche d'un article. 


/administrateur/ 


ClientsGestion.php 


Zone Administrateur : gestion des clients (liste, suppression, 
modification). 


/administrateur/ 


ClientsModif.php 


Zone Administrateur : modification des informations d'une 
fiche client. 
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Tableau 8-9 - Nomenclature de toutes les pages du site Boutique MX (suite) 



Dossier 


Nom du fichier 


Description 


/administrateur/ 


CommandesGestion.php 


Zone Administrateur : gestion des commandes (liste, 
suppression, modification). 


/administrateur/ 


CommandesModif.php 


Zone Administrateur : modification des informations d'une 
commande. Permet notamment de changer I'etat d'une 
commande (Attente>Livre). 



Arborescence du site 

L'arborescence des fichiers du site (voir figure 8-16) est organisee principalement autour de 
deux repertoires correspondant aux deux espaces du site (administrateur et public) ; seul le 
fichier d'accueil (i ndex. php) est place a la racine du site. Les images sont rassemblees dans un 
repertoire specifique (i mages) et nous prevoyons un repertoire (archi ves) pour stocker tous les 
fichiers source ou les sauvegardes necessaires a la maintenance du site (comme les fichiers 
SQL de sauvegarde de la base par exemple). Dreamweaver, de son cote, produit automatique- 
ment un repertoire pour les modeles (Tempi ate), pour les objets de bibliotheque (Li brary), pour 
les feuilles de style (Styl e) ainsi que pour la connexion a la base de donnees (Connecti ons). 



Figure 8-16 

Arborescence du site 
Boutique MX. 
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Realisation de I'espace Public 
Realisation de la page index.php 

Contrairement a toutes les autres pages, la page i ndex . php est situee a la racine du site. Sa reali- 
sation est tres rapide, car elle ne comporte qu'une seule image cliquable, qui permet d'orienter 
les utilisateurs directement vers la page catalogue. php situee dans le repertoire public. 

Procedure de creation de la page index.php 

1. Ouvrez une nouvelle page PHP et sauvegardez-la sous le nom index.php situe a la racine 
du site. 

2. Integration du logo cliquable dans la page - Placez votre pointeur dans la page. Inserez 
l'image du logo en cliquant sur le bouton Image depuis le panneau Insertion/commun. 
Selectionnez ensuite l'image logoAccueil .gif placee dans le repertoire /images/. 

3. Ajout d'un lien hypertexte a l'image - Selectionnez l'image et cliquez sur le petit dossier 
jaune place a droite du champ Lien. Dans la fenetre Selectionner un fichier, ouvrez le 
repertoire /public/ et selectionnez le fichier catalogue. php. Validez votre selection et 
enregistrez votre page (voir figure 8-17). 

Realisation de la page catalogue.php 

La page catalogue permet au client de realiser son choix de livres. II peut faire une premiere 
selection selon des themes definis (automobile, informatique...). Dans ce cas, la liste des 
resultats affiche uniquement les ouvrages qui appartiennent au theme retenu. II est aussi 
possible pour le client de rechercher un ouvrage en saisissant son nom ou une partie de son 
nom dans un champ de l'ecran Catal ogue. 

Lorsque la liste des resultats apparait, le client peut afficher la fiche de chaque article en 
cliquant sur le lien hypertexte correspondant. 

Procedure de creation de la page catalogue.php 

1. Ouvrez le fichier catalogue.php dans le dossier public. 

o 

2. Creation du formulaire de selection - Placez votre pointeur dans la zone modifiable, sous ^ 
le titre de la page. Inserez un formulaire en cliquant sur le bouton Formul ai re depuis le '§• 
panneau Insertion/formulaire. Ajoutez ensuite un menu deroulant nomme VARtheme, 

ainsi qu'un champ de saisie nomme VARtitre. Completez ces deux elements par un bou- 8 

ton de validation de formulaire. Selectionnez le formulaire afin de le configurer en O 

entrant les attributs action-catalogue. php et methode-GET dans le panneau Proprietes du jjj 

formulaire. en 



Etude de cas : la boutique MX 



Chapitre 8 




Figure 8-17 

Page d'accueil index.php. 



3. Configuration du jeu d'enregistrements rsTheme - Cliquez sur le bouton+ du panneau 
Li ai sons pour creer un nouveau jeu. Renseignez les zones de saisie selon les parametres 
ci-dessous, cliquez sur le bouton Tester pour vous assurer que votre requete est valide, 
puis validez la creation du jeu (voir figure 8-18). 

Tableau 8-10 - Parametres du jeu d'enregistrements rsTheme 



o. 

c 
O 



Zone 


Valeur 


Commentaires 


Norn 


rsTheme 




Connexion 


ConnexionBoutiquemx 




Table 


rubriques 




Colonnes 


Toutes 


Pour alimenter le menu deroulant theme, nous avons besoin des 
champs ID et theme. Comme la table rubriques ne contient que ces 2 
champs, nous utiliserons I'option Toutes. 
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Tableau 8-10- 


- Parametres du jeu d'enregistrements rsTheme (suite) 


Zone 


Valeur 


Commentaires 


Filtre 


Aucun 


Nous desirons recuperer tous les enregistrements de la table theme. 


Trier 


theme 
Croissant 


Dans la liste des themes, les noms sont ainsi classes par ordre 
alphabetique. 



4. Ajout de la variable d'URL VARtheme - Cliquez sur le bouton + du panneau Liaisons et 
selectionnez Variable d'URL dans la liste. Renseignez le nom de la variable en saisissant 
VARtheme dans la boite de dialogue, puis validez. 




Figure 8-18 

Configuration dujeu rsTheme. 
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5. Configuration des parametres dynamiques du menu VARtheme - Selectionnez le menu, 
puis cliquez sur le bouton Dynamique dans le panneau Proprietes. Dans la boite de dialo- 
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gue Liste/Menu dynamique, selectionnez le jeu rsTheme, le champ ID pour la valeur, et le 
champ theme pour l'etiquette. Cliquez ensuite sur le bouton avec l'eclair a droite du 
champ Selectionnez une valeur egale a. Dans la deuxieme fenetre, selectionnez la 
variable d'URL VARtheme et validez les deux boites de dialogue successivement (voir 
figure 8-19). 

6. Test partiel de la page - Enregistrez votre page et passez en Web local pour la tester. 
Verifiez que le menu deroulant affiche bien la liste des themes actuellement presents 
dans la table Rubriques (Automobile et Informatique), voir figure 8-20. Selectionnez le 
theme Automobile, par exemple, cliquez sur Afficher puis assurez-vous que les varia- 
tions sont bien passees dans l'URL. Realisez ensuite le meme test apres avoir saisi un 
titre dans le champ de recherche. 




Figure 8-19 

Configuration des parametres dynamiques du menu VARtheme. 
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Figure 8-20 

Lors du premier test du menu de selection, assurez-vous que les parametres selectionnes sont bien passes dans 
VURL. 



7. Configuration du jeu d'enregistrements rsCatalogue - Retournez dans l'editeur Dream- 
weaver et cliquez sur le bouton + du panneau Li aisons pour creer un nouveau jeu. Cli- 
quez sur le bouton Avance et renseignez les zones de saisie selon les parametres du 
tableau 8-11. Pour la zone SQL, nous vous conseillons d'utiliser l'assistant Ajouter au 
SQL situe en bas de la boite de dialogue (au besoin, revoir l'utilisation de l'assistant, 
figure 2-126). Pour realiser un test, saisissez les valeurs mehari et 1 dans la colonne des 
Valeurs par defaut, pour les deux variables col titre et col theme. Cliquez ensuite surle 
bouton Tester pour vous assurer que votre requete est valide (voir figure 8-21). Retablis- 
sez les valeurs par defaut a (ou mieux a -1) et validez la creation du jeu. 



Creation du tableau d'affichage des resultats - Creez un tableau de 4 lignes et de 
4 colonnes en dessous du formulaire, dans la zone modifiable de la page. Sur la premiere 
ligne, indiquez les noms des colonnes (Titre, Auteur, Theme, Prix). Glissez ensuite les 
champs titre, auteur, theme et prix du jeu rsCatalogue dans les cellules de la deuxieme 
ligne du tableau (a partir des variables disponibles dans le panneau Li aisons). Pour ame- 
liorer la presentation des informations, vous pouvez ajouter une barre horizontale sur la 
troisieme ligne du tableau apres avoir fusionne toutes les cellules de la ligne. De meme, 
il est interessant d'ajouter un texte d'information sur la quatrieme ligne du tableau afin 
de renseigner les utilisateurs du site (voir figure 8-22). 



© 

CO 

o 
o 

O 



Etude de cas : la boutique MX 



Chapitre 8 




Figure 8-21 

Boite de dialogue dujeu rsCatalogue. 



Tableau 8-11 - Parametres du jeu d'enregistrements rsCatalogue 



Zone 


Valeur 


Norn 


rsCatalogue 


Connexion 


ConnexionBoutiquemx 


SQL 


SELECT rubriques.theme, articles. reference, articles.titre, articles.auteur, articles.prix 

FROM articles, rubriques 

WHERE rubriquelD=coltheme AND rubriques. I D=articles.rubriquelD AND titre LIKE '%coltitre%' 


Variables 


coltitre $_GET['VARtitre'] 


coltheme $_GET['VARtheme'] 
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9. Configuration du comportement Repeter - Selectionnez la deuxieme et la troisieme ligne 
du tableau, puis cliquez sur le bouton + du panneau des comportements de serveur, et 
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Figure 8-22 

Creation du tableau d'affichage des resultats de la recherche. 



selectionnez Region repetee dans la liste du menu. Choisissez le jeu d'enregistrements 
rsCatalogue dans laboite de dialogue, ainsi que 1'optionTous les enregistrements, puis 
validez votre configuration. Un cadre Repeter doit alors apparaitre autour des deux 
lignes initialement selectionnees (voir figure 8-22). 

10. Integration d'un lien hypertexte dynamique pour rendre visible la fiche (voir les reperes 
1 a 5 de la figure 8-23)- Selectionnez la variable Titre dans la deuxieme ligne du 
tableau. Dans le panneau Propri etes, cliquez sur le petit dossier jaune, a droite du champ 
Lien. Dans la boite de dialogue Selectionner un fichier, choisissez le fichier 
fiche. php, puis cliquez sur le bouton Parametres a droite du champ URL. Dans la boite 
de dialogue Parametres, saisissez reference dans la premiere colonne, puis passez dans 
la deuxieme colonne et cliquez sur le bouton avec 1' eclair. Enfin, dans la boite de dialo- 
gue Donnees dynamiques, selectionnez le champ reference du jeu d'enregistrements 
rsCatalogue (voir figure 8-23). Validez ensuite toutes les boites successivement. 
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Figure 8-23 

Configuration du lien hypertexte dynamique destine a ouvrir lafiche d'un article. 

11. Test final de la page catalogue. php - Enregistrez votre page et testez-la de nouveau a 
partir du Web local (voir figure 8-24). 

Realisation de la page fiche.php 

La page de la fiche produit est appelee grace au lien hypertexte que nous venons de creer dans 
la page catalogue. Le produit affiche dans la fiche est identifie par un parametre passe dans 
l'URL (reference), lors de l'appel de la fiche. 

Voici un exemple : 
f i che . php?ref erence-AUTOJMDl 
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Figure 8-24 

Test de la page catalogue.php depuis le Web local. 



A partir de cette variable reference, nous allons construire un jeu d'enregistrements qui recu- 
pere toutes les donnees concernant le produit selectionne. Ces donnees seront mises en forme 
et affichees dans un tableau, ainsi que la photo de sa couverture. Enfin, l'ajout du produit dans 
le panier virtuel etant disponible a partir de la page fiche.php, il faut ensuite ajouter un lien 
qui permet de realiser cette fonction. 

Procedure de creation de la page fiche.php 

1 . Ouvrez la page fiche.php situee dans le dossier publ i c. 

2. Configuration du jeu d'enregistrements rsFiche - Creez un nouveau jeu d'enregistre- 
ments nomme rsFiche depuis le panneau Liaisons (cliquez sur le bouton + et selection- 
nez Jeu d'enregistrements). Selectionnez la connexion ConnexionBoutiquemx et 
basculez en mode Avance en cliquant sur le bouton du meme nom (voir figure 8-25). 
Dans la zone SQL, saisissez la requete indiquee dans le tableau 8-12 en utilisant l'assis- 
tant SQL situe en bas de la fenetre (au besoin, revoir l'utilisation de l'assistant, 
figure 2-126). Cette requete realise la selection de toutes les colonnes concernant les 
informations a afficher sur l'article (reference, titre, auteur, description, prix, theme, 
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Figure 8-25 

Fenetre de configuration dujeu d'enregistrements rsFiche. 

photo). La colonne theme etant situee dans la table rubriques, il faut mettre en place une 
jointure entre cette table et la table articles (rubriques.ID-articles.rubriquelD). II est 
a noter que, contrairement aux autres donnees, la colonne photo contient le nom du 
fichier de la photo du livre. Ajoutez ensuite le couple de variables du tableau 8-12 
(col reference et $_GET[' reference']) dans la zone Variables, en cliquant sur le 
bouton + de cette zone Vari abl es, ainsi que la valeur par defaut AUT0JMD1, afin de realiser 
un premier test avec cet article de la base. Cliquez sur le bouton Tester afin de verifier 
que votre nouveau jeu d'enregistrements est operationnel. Vous devez alors obtenir un 
resultat semblable a celui de la figure 8-25. Si le resultat est correct, remplacez AUT0JMD1 
par (ou mieux -1) dans la valeur par defaut, et validez votre nouveau jeu en cliquant sur 
le bouton OK. 
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3. Creation du tableau d'affichage de la fiche - De retour dans la fenetre Document, creez un 
tableau de 6 lignes et de 3 colonnes dans la zone modifiable de la page. Fusionnez la 
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Figure 8-26 

Mise en place des variables dynamiques de lafiche produit. 



Zone 

Nom rsFiche 

Connexion ConnexionBoutiquemx 



Tableau 8-12 - Parametres du jeu d'enregistrements rsFiche 



Valeur 



SQL SELECT articles. reference, articles.titre, articles.auteur, articles.description, articles.prix, 

rubriques.theme, articles. photo 
FROM articles, rubriques 
WHERE rubriques.lD=articles.rubriquelD AND articles.reference='colreference' 

Variables colreference AUTOJMD1 $_GET['reference'] 
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colonne de gauche afin de preparer l'espace pour accueillir la photo de la couverture. 
Saisissez les noms des informations a afficher dans la colonne du centre, puis placez les 
variables issues du jeu d'enregistrements rsFiche dans les cellules correspondantes de la 
colonne de droite (voir figure 8-26). 
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Figure 8-27 

Insertion d'une zone de reserve pour la photo de la couverture. 
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Integration de l'image dynamique - Dans la cellule de gauche du tableau, inserez un 
espace reserve pour une photo en cliquant sur le bouton du meme nom dans la categorie 
Commun de la barre d'outils Insertion (voir figure 8-27). Apres son insertion, assurez- 
vous que la zone de reserve est selectionnee, deroulez le jeu d'enregistrements rsFiche et 
cliquez ensuite sur le champ photo dans le panneau Liaisons. En bas du panneau 
Liaisons, cliquez sur le bouton Lier. La zone de reserve est alors remplacee par une 
petite icone grise representant une photo dynamique (voir figure 8-28). Placez-vous 
ensuite dans la zone Src et ajoutez le chemin (. ./images/) devant la variable dynamique, 
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afin de tenir compte du repertoire ou se trouve la photo. Vous devez obtenir le code sui- 
vant dans cette zone : 

. ./images/<?php echo $row_rsFiche[ 'photo' ]; ?> 




Figure 8-28 

Creation d'une liaison dynamique de la photo avec la variable photo dujeu d'enregistrements. 



5. Test partiel en Live Data - Cliquez sur le bouton Live Data, saisissez un parametre 
d' URL pour realiser un test, puis cliquez sur le bouton Actual i ser (fleche bleue a gauche 
de la barre Live Data). Les informations de l'enregistrement apparaissent a la place des 
variables du tableau, ainsi que la photo de la couverture correspondant a 1' article selec- 
tions (voir figure 8-29). Si vous desirez afficher un autre produit, il suffit de modifier la 
reference du parametre d'URL dans la zone de saisie de la barre Live Data (exemple : 
reference-AUTOJMDl). 
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Figure 8-29 

Test de Vaffichage de la photo dynamique en Live Data. 
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6. Integration du lien dynamique d'ajout d'un article au panier (voir les reperes 1 a 5 de la 
figure 8-30) - Ajoutez un texte dans la derniere cellule du centre (exemple : Ajouter cet 
article au panier), selectionnez-le et cliquez sur le dossier jaune situe a droite de la 
zone Lien du panneau Proprietes (voir repere 2 de la figure 8-30). Dans la fenetre 
Selectionner un fichier, selectionnez la page panier. php, puis cliquez sur le bouton 
Parametres en bas de la boite de dialogue. Dans la boite Parametres, cliquez sur le 
bouton + et saisissez le nom du premier parametre dans la cellule de gauche (reference). 
Dans la cellule de droite, cliquez sur l'eclair afin de selectionner le champ reference du 
jeu d'enregistrements rsFiche, dans la fenetre Donnees dynamiques. Renouvelez l'opera- 
tion avec les deux autres couples de parametres (voir la fenetre Parametres repere 4 de la 
figure 8-30). II est a noter que le troisieme couple de parametres n'est pas lie a une valeur 
dynamique, mais a une valeur statique que vous devrez saisir directement dans la cellule 
(valeur AOOUTER). Cliquez ensuite successivement sur le bouton OK des differentes boites 
de dialogue pour valider votre choix. 
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Figure 8-30 

Creation des parametres d'URL qui accompagnent la demande d'ajout d'un article aupanier. 



7. Test final de la page - Enregistrez la page sous fiche.php et basculez sur le Web local 
pour tester le fonctionnement complet de la structure apartir de la page catalogue. php. 



Realisation de la page panier.php 

Le panier virtuel permet au client de stocker des articles selectionnes sans necessiter son iden- 
tification. Nous avons deja aborde la conception du panier dans une partie precedente (revoir 
tableau 8-2), et nous vous invitons a consulter cette partie avant de commencer a creer cet 
ecran. Dans cette page, la plupart des scripts sont realises en mode Code ; cependant, vous 
pouvez avantageusement utiliser le mode Creati on pour la fabrication du tableau et l'integra- 
tion du formulaire. 
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Procedure de creation de la page panier.php 

1. Ouvrez le fichier pani er . php situe dans le repertoire publ i c. 

2. Creation du tableau d'affichage du panier - Commencez par inserer un formulaire en cli- 
quant sur le bouton Formul ai re dans la categorie Formul ai re de la barre d'outils Inser- 
tion. Creez ensuite un tableau de 4 colonnes et de 3 lignes ; renseignez les titres des 
colonnes comme indique sur la figure 8-31. Ajoutez un menu deroulant dans la colonne 
Quantite et une icone de votre choix dans la colonne supp. Enfin, ajoutez en bas du for- 
mulaire deux boutons de soumission nommes Actual iser et Commander. 
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Figure 8-31 

La creation du formulaire et la mise en forme du tableau qui accueille les informations du panier virtuel sont 
realisees en mode Creation. 



o- 

c 
O 



3. Integration du script d'ajout d'article - Passez en mode Code pour inserer les scripts de 
gestion du panier. Les articles et leurs parametres sont memorises a l'aide d'une variable 
de session $1 iste (tableau a deux dimensions), et d'une variable $total qui memorise le 
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prix total du contenu du panier. Un nouvel article est ajoute par un appel de la page 
panier.php avec des parametres d'URL qui definissent le produit, son prix et Taction a 
effectuer (par exemple : panier. php?reference-AUT0JMD2&prix -46.00&ajoutPa- 
nier-AJOUTER). Un script specifique place en tete de la page panier.php s'execute si le 
test de la variable d'action est positif (ajoutPanier — "AJOUTER"). La premiere ligne du 
bloc de code (voirle script ajout Panier de la page 443) initialise la variable $reference 
afin de pouvoir l'integrer par la suite dans le tableau $1 i ste. La deuxieme ligne initialise 
la quantite d'articles ajoutes a 1 par defaut (elle peut etre modifiee par la suite). La troi- 
sieme ligne initialise la variable $prix. Ensuite, un nouvel element complete la variable 
tableau $1 iste[], memorisant ainsi les informations concernant ce nouvel article. Enfin, 
la variable $1 i ste est memorisee dans la session. 

Parmi les differents attributs attaches a chaque article, nous avons sa reference (variable 
$reference, transmise par l'URL), sa quantite (variable $nb, initialisee par defaut a 1), 
son prix unitaire (variable $prix, transmise par l'URL) et le prix total pour cet article 
(soit le prix unitaire multiplie par la quantite d'article ; dans le cas d'un ajout, cette don- 
nee est identique au prix unitaire $prix). A noter que la tete de la page contient aussi 
d'autres actions qui peuvent etre declenchees depuis la page panier.php elle-meme. Cha- 
que script est conditionne par un parametre specifique a Taction demandee. Pour bien 
comprendre le fonctionnement de ces differents scripts, nous avons realise un schema de 
principe des actions possibles dans la page panier.php (voir figure 8-32). 

Script d'ajout d'un article place en tete de la page panier.php : 

// AJOUT PANIER 

if ($ajoutPanier== n AJOUTER") 
{ 

$reference=$_GET[ 'reference' ] ; 

$nb-l; //par defaut la quantite est = 1 

$prix=$_GET['prix']; 

$1 iste[]=array($reference,$nb,$prix,$prix) ; 

$_SESSION['liste']=$liste; 

//ajoute un article a la 1 i ste 

} 

c 
— 

\. Integration du script d'affichage des informations du panier - Le contenu du panier est <§! 

represente par un tableau de 4 colonnes (Titre, Quantite, Prix, bouton Suppression). Le ® 

to 

tableau comporte autant de lignes que d'articles memorises dans le panier. Le script qui ~ 

permet de produire ces differentes lignes est commente ci-dessous. Sa structure s'appuie q 

sur une boucle for conditionnee par le nombre d'elements de la variable $liste § 

(count($liste)). Cette boucle s'execute autant de fois qu'il y a d'articles dans le panier. £, 

A chaque tour de boucle, on execute une requete recuperant les informations de Tarticle 3 
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Figure 8-32 
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integres dans la page 
panier.php. 
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qui ne sont pas stockees dans la variable $1 iste, comme le titre de l'article par exemple. 
La premiere cellule de chaque ligne affiche ainsi le titre de l'ouvrage, la seconde contient 
un menu deroulant qui permet de modifier la quantite desiree (notez que le nom de ce 
menu est construit a partir du prefixe nb, auquel on ajoute la variable $i), la troisieme 
affiche le prix unitaire de l'article, et la quatrieme contient une icone (cl i c . gi f ) qui per- 
met de supprimer l'article. 

Voici le script d'affichage des informations sur les articles commandes (les balises PHP en 
gras sont a aj outer au code du tableau HTML de la page) : 



o- 
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<?php 

$totil-0.00; 

for ($i-0;$i<count($liste);$i++) 
{ 

$query_rsPanier-"select * from articles where reference - 
"'.$liste[$i][0]. ; 
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$rsPanier - mysql_query($query_rsPanier, IConnexionBoutiquemx) or 
die(mysql„error( )) ; 

$row_rsPanier - mysql_fetch_assoc($rsPanier) ; 



?> 



"2" face="Verdana , Arial, Helvetica, 



1) 


echo 


"SELECTED"; 


?»K/option> 


2) 


echo 


"SELECTED"; 


?»2</option> 


3) 


echo 


"SELECTED"; 


?»3</option> 



<tr> 

<td><div al ign="center"Xfont size= 

sans-serif "> 

<?php echo $row_rsPanier['titre']?> 
</font></div> 
</td> 

<td><div al ign="center"> 
<select name="nb<?php echo $i ?>"> 
<option value="l" <?php if ($liste[$i][l]- 
<option value="2" <?php if ($liste[$i][l]- 
<option value="3" <?php if ($liste[$i][l]- 
</select> 
</div> 
</td> 
<td><div al ign="center"Xfont size="2" face="Verdana , 

sans-serif "> 
<?php echo $row„rsPanier['prix'] ?> 
</fontX/div> 
</td> 

<td><div al ign="center"> 

<a href="panier.php?article-<?php echo $i ?>&suppPanier-SUPPRIMER"> 
<img src=" . ./admini strateur/cl ic.gif " width="14" height="13" border="0"> 
</aX/div> 
</td> 
</tr> 
<?php 

$total+-$row_rsPanier[ 'prix' ] * $1 iste[$i][l] ; 
}//fin du bloc for 



Arial , Hel vetica, 



?> 



Integration du script de suppression d'un article - Le script de suppression place en tete 
de page s'execute si la variable $suppPanier est egale a la valeur SUPPRIMER. Pour cela, le 
lien de l'icone de suppression ajoutee a droite de chaque ligne doit etre accompagne de 
deux parametres : article, qui correspond a l'indice de l'article dans la variable $liste, 
et suppPanier, qui atteste la demande de suppression de l'article ainsi designe. Le script 
de suppression est organise autour d'une boucle for qui parcourt tous les articles conte- 
nus dans le panier ($liste), et qui teste a chaque tour de boucle si l'indice de l'article 
courant correspond a celui de l'article a supprimer ($article — $i). Si ce test est positif, 
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l'element du tableau correspondant est supprime a l'aide de l'instruction 
array_splice(). 

Voici le script de suppression d'un article du panier place en tete de la page : 

// SUPP PANIER 

if ($suppPanier=="SUPPRIMER") 
{ 

$article=$_GET[' article']; 
for ( $i=0 ;$i<count($liste );$i++) 

{ 

if($article==$i ) array_splice($l iste ,$i ,1); 

//suppression de 1 'article 

1 

$_SESSION['liste']=$liste;//mAj de la 1 iste 
1 

6. Integration du script de gestion du total de la commande - Le prix total des differents 
articles du panier s'affiche en bas du tableau. La variable $total memorise le cumul des 
prix de tous les articles, et est calculee d'une maniere iterative a chaque tour de la boucle 
for a l'aide de l'instruction ci-dessous : 

$total+=$row_rsPanier['prix'] * $1 iste[$i][l] ; 

Une fois la boucle terminee, le total devra etre retenu dans la session afin de pouvoir recuperer 
sa valeur dans la page commande. php. Cette memorisation sera realisee par la ligne suivante, 
placee juste apres la fin de la boucle for : 

$_SESS ION [ 'total ' ]=$total ; //memorise le total dans la session 

Voici maintenant le code de l'affichage du total place en bas du tableau : 
Total : <?php echo $total ; ?> Euros 

7. Integration des boutons Actual iser et Commander - Deux boutons de soumission permet- 
tent de declencher des actions. Le premier (Actual iser) met a jour des informations affi- 
chees dans le tableau (notamment lors de la modification de la quantite d'un article). Le 
deuxieme cree une commande (Commander) et enregistre toutes les informations du panier 
dans la base de donnees. 

<input name-"modif Panier" type="submit" val ue="ACTUALISER"> 
<input name-"enregistreCommande" type="Submi t" val ue="C0MMANDER"> 
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8. Integration du script d'actualisation du panier- Le script d'actualisation s' execute si la 
variable $modif Panier est egale a la valeur Actual iser renvoyee par le bouton Actual 1- 
ser presente ci-dessus. Ce script est lui aussi organise autour d'une boucle for qui par- 
court tous les articles du panier (afin de bien comprendre la correspondance entre les 
differents indices du tableau $liste, nous vous suggerons de revoir le tableau 8-2). A 
chaque tour de boucle, une variable $nbi prend pour valeur la concatenation du prefixe 
nb et de l'indice du tableau $i (la concatenation est realisee avec l'instruction 
$nbi-nb.$i). Cette instruction permet ensuite de recuperer la quantite d'articles selec- 
tionnes dans le menu deroulant, et de l'affecter a la variable de la liste correspondante. 
Enfin, la derniere ligne du bloc de code met a jour le prix total par produit, qui est recal- 
cule en multipliant la nouvelle quantite d'articles par son prix unitaire. Au terme de la 
boucle for. la variable $liste (tableau de variables contenant les informations de 
panier) est memorisee dans la session grace a l'insertion $_SESSION['liste']-$liste;// 
mAj de la liste. 

Voici le script d'actualisation du panier place en tete de la page : 



-"ACTUALISER") 

liste);$i++) 



// --M0DIF PANIER 

if ($modif Panier= 
{ 

for ($i=0;$i<count(S 
{ 

$nbi='nb' .$i ; 

$liste[$i][l]=$_GET["$nbi"];//recup du nbr d'article dans la liste 
$liste[$i][3]=$liste[$i][l]*$liste[$i][2];//prixArticle=nbre*prixUnitaire 
} 
$_SESSION['liste']=$liste;//mAj de la liste 



9. Integration du script d'enregistrement d'une commande - Le script de commande s'exe- 
cute si la variable Senregi streCommande est egale a la valeur Commander, retournee par une 
action sur le bouton Commander deja presente. Ce script memorise la demande de valida- 
tion de la commande dans une variable de session, Saction, afin de pouvoir executer le 
script de gestion correspondant dans la page commande. php. La derniere ligne du bloc 
redirige automatiquement l'utilisateur vers la page commande. php afin qu'il puisse vali- 
der sa nouvelle commande (voir la realisation de l'ecran commande a la page 461). 

Voici le script de gestion de la confirmation de la commande du panier place en tete de la 
page: 



// 

if ($enregistreCommande==" COMMANDER" ) 



-COMMANDER 



{ 
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if(!isset($_GET['action'])) 
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$_SESSION['acti on' ]=" ENREGI STRER" ; //memorise 
header ( "Location: commande.php" ) ; 



' action 
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Figure 8-33 

De'fart du code de la page panier.php. 
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10. Vous trouverez ci-dessous le script complet de la page panier.php. Apres avoir saisi ce 
code, enregistrez votre page et testez le fonctionnement des actions Actual iser, Ajouter 
et Supprimer dans le Web local. II est a noter que le code commence par une instruction 
session_start( ), afin de pouvoir exploiter les variables de session dans les scripts de la 
page. Les lignes suivantes permettent d'initialiser toutes les variables utilisees dans la 
page, si cela n'a pas encore ete fait (indispensable si vous avez une version de PHP supe- 
rieure a la 4.2). D'autre part, la commande requi re_once( ) permet de disposer des para- 
metres de connexion du site enregistres dans le repertoire /Connections/. Enfin, un test 
d'existence de la liste (if (isset($liste)) a aussi ete ajoute en dessous du titre panier 
afin de ne pas afficher le tableau si aucun article n'a encore ete selectionne. 
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panier.php 



<?php 

session_start( ) ; 

// DEBUT d ' i n i t des variables 

if (!isset($_SESSION['total'])) $_SESSION[ ' total "]=0; 

if ( Msset($_GET['ajoutPanier ' ] ) ) $ajoutPanier="" ;//ini t de ajoutPanier si non 

declare 

el se $ajoutPanier=$_GET[ 'ajoutPanier' ] ; 

if ( !isset($_GET['modif Panier ' ] ) ) $modif Panier="" ;//init de modifPanier si non 

declare 

el se $modif Panier=$_GET[ 'modifPanier' ] ; 

if ( ! isset($_GET['suppPanier ' ] ) ) $suppPanier="" ;//ini t de suppPanier si non 

decl are 

el se $suppPanier=$_GET[ ' suppPanier' ] ; 

if ( 1 isset($_GET[ 'enregi streCommande' ] ) ) $enregi streCommande="" ;//init de 

enregistreCommande si non declare 

el se $enregistreCommande=$_GET[ 'enregistreCommande' ] ; 

if ( !isset($_GET[ 'article'])) $article="" ;//init de article si non declare 

else $article=$_GET[' article']; 

if (isset($_SESSION['liste'])) $1 iste=$_SESSION[ ' 1 iste' ] ;//recup de la liste de la 

session 

// FIN d' init des variables 

?> 

<?php requi re_once( ' . . /Connect ions/ConnexionBoutiquemx.php' ) ; ?> 

<?php 

mysql_select_db($database_ConnexionBoutiquemx, $ConnexionBoutiquemx) ; 

// AJOUT PANIER 

if ($ajoutPanier=="AJOUTER") 
{ 

$reference=$_GET[ ' reference' ] ; 

$nb=l; //par defaut la quantite est = 1 

$prix=$_GET['prix']; 

$1 iste[]=array($reference,$nb,$prix,$prix) ; 

$_SESSION['liste']=$liste; 

//ajoute un article a la liste 



} 

// 

if ($modifPanier=="ACTUALISER") 



-MODIF PANIER 



{ 



for ($i=0;$i<count($liste);$i++) 
{ 

$nbi='nb' .$i ; 
$liste[$i][l]=$_GET[ n $nbi"];//recup du nbr d'article dans la liste 
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$liste[$i][3]=$liste[$i][l]*$liste[$i][2];//prixArticle=nbre*prixUnitaire 
} 
$_SESSION['liste']=$liste;//mAj de la liste 
} 

// SUPP PANIER 

if ($suppPanier=="SUPPRIMER") 
{ 

for ($i=0;$i<count($liste);$i++) 

|if($article==$i) 
array_spl i ce($l iste,$i ,1) ; 
//suppression de 1 'article 
} 
$_SESSION['liste']=$liste;//mAj de la liste 
} 

// COMMANDER 

if ($enregistreCommande=="COMMANDER" ) 
{ 

if(!isset($_GET['action'])) 

$_SESSION['action']="ENREGISTRER";//memorise 1 'action 
header ( "Location: commande.php" ) ; 
} 

?> 
<html> 
<head> 

<title>Page panier .php</title> 

<meta http-equiv="Content-Type" content="text/html ; charset=iso-8859-l"> 
</head> 
<body> 

<img src=" . ./images/bandeauPubl ic.gif border="0" usemap="#Map"> 
<map name="Map"> 

< !-mettre ici les parametres des liens du menu --> 
</map> 

<p><strong>PANIER</strongX/p> 

<?php if (isset($l iste) ) { //affiche le tableau s'il y a au moins un article ?> 
<form action-"panier.php" method-"get"> 
<table width="650" border="l" al ign=" center" bordercolor="#FF0000"> 
<tr> 
<td> 
<table width="650" border="0" al ign="center"> 
<tr bgcolor="#FF0000"> 
<td width="200"> <div align="center> 



§■ <strong>Titre</strong></di v> 

O 
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</td> 

<td width="200"Xdiv al ign="center"> 
<strong>Quantité</strong></div> 
</td> 

<td width="200"Xdiv al ign="center"> 
<strong>Pn'x</strong></di v> 
</td> 

<td width="50"Xdi v align="center"> 
<strong>Supp</strongX/di v> 
</td> 
</tr> 
<?php 

$total-0.00; //initialisation du total de la commande a 
for ($i-0;$i<count($liste);$i++) 
{//debut du bloc for 
$query_rsPanier="select * from articles where 

reference-' ".$1 iste[$i][0] ; 

$rsPanier=mysql_query($query_rsPanier , $ConnexionBoutiquemx) ; 
$row_rsPanier=mysql_fetch_assoc($rsPanier) ; 

/*definition et execution de la requete SQL afin de recuperer les 
informations 

de 1 'article stockees dans la base (titre...)*/ 
?> 

<tr> 
<td><div align= n center"> 
<?php echo $row_rsPanier['titre'] ?></div> 
</td> 

<td><div align="center"> 
<select name="nb<?php echo $i ?>"> 
<option value="l" <?php if ($1 iste[$i ][1]==1) echo "SELECTED"; ?»1</ 
option> 

<option value="2" <?php if ($1 iste[$i ][1]==2) echo "SELECTED"; ?»2</ 
option> 

<option value="3" <?php if ($1 iste[$i ][1]— 3) echo "SELECTED"; ?»3</ 
option> 

</selectX/div> 
</td> 

<td><div align="center"> 
<?php echo $row_rsPanier[ 'prix' ] ?> </div> 
</td> 

<td><div align="center"> 
<a href="panier.php?articl e=<?php echo $row_rsPanier[ ' reference' ] 
?>&suppPanier=SUPPRIMER"> 

<img src=" . . /admini strateur/cl ic.gif " width="14" height="13" border="0"> 
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</a></div> 

</td> 
</tr> 
<?php 

$total+=$row_rsPanier[prix] * $1 iste[$i ][1] ; 
}//fin du bloc for 

$_SESSI0N[ 'total ' ]=$total ;//memorise le total dans la session 
?> 

<tr> 
<td><div align=" center "X/divX/td> 
<td><div align=" center "X/divX/td> 
<td><div al ign="center"> 
<strong> 

Total : <?php echo $total ?> Euros 
</strongX/div> 
</td> 

<td><div align=" center "X/divX/td> 
</tr> 
</table> 
</td> 
</tr> 
</table> 
<br> 

<p al ign="center"> 
<input name="modifPanier" type=" submit" val ue="ACTUALISER"> 
<input name="enregistreConiniande n type="Submi t" val ue="COMMANDER"> 
</p> 
</fortn> 

<?php }//fin du test isset($l iste) ?> 
<br> 

<img src=" . . ./images/BarreBasPubl ic.gif> 
</body> 
</html> 
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Realisation de la page login. php 

Des que le client clique sur le bouton Commander depuis l'ecran du panier, la page 
commande.php est appelee. Cette page etant protegee, l'utilisateur est redirige vers la page 
1 ogi n . php afin qu'il s'identifie. 

La page login. php est constitute d'un formulaire d'identification. II comporte deux champs 
email et pass qui permettront a l'utilisateur de saisir ses parametres s'il est deja enregistre 
dans la base de la boutique. Une icone permet a l'utilisateur d'acceder a la page inscrip- 
tion .php, pour qu'il s'inscrive dans le cas d'une premiere commande. 
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Pour realiser cet ecran d'authentification, nous utiliserons le comportement Connecter 
1 'utilisateur. Nous rappelons que les quatre comportements d'authentification sont dispo- 
nibles depuis la version MX 2004 de Dreamweaver (version 7). 

Procedure de creation de la page login. php 

1 . Ouvrez le fichier login. php situe dans le repertoire publ i c. 

2. Creation du formulaire d'authentification - Placez-vous dans la fenetre du document en 
mode Creation et creez une zone de formulaire sous le titre de la page. Placez ensuite 
votre pointeur a l'interieur de la zone de formulaire et creez un tableau de 5 lignes et de 
2 colonnes, puis fusionnez la premiere et la derniere ligne. Saisissez les textes d'informa- 
tion dans chaque cellule en vous referant a la figure 8-34. Inserez ensuite deux champs 
de texte nommes email et pass, ainsi qu'un bouton de soumission, Valider (voir 
figure 8-34). Sur la derniere ligne, inserez une icone de votre choix. Selectionnez-la et 
cliquez sur le dossier jaune situe a droite de la zone Li en, afin de creer un lien hypertexte 
sur la page inscription. php. 



Figure 8-34 

Creation du formulaire 
d' identification. Deux 
champs, email et pass, 
permettront a 
I 'utilisateur de saisir les 
parametres de son 
compte. Une icone, 
placee en has du 
tableau, permettra a 
I 'utilisateur d'acceder a 
la page d' inscription. 
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3. Creation du comportement Connecter 1 'utilisateur - Depuis le panneau Comporte- 
ments de serveur, cliquez sur le + et selectionnez l'option Authentifi cation de l'uti- 
1 i sateur puis Connecter 1 ' uti 1 i sateur (voir figure 8-35). 



M'J' in.u...!..iii l i^"AJ..iaiP'uwMiPwwi 




Figure 8-35 

Creation du comportement de serveur Connecter V utilisateur. 
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Configuration du comportement de serveur - Dans les deux listes deroulantes, en haut du 
panneau de configuration, selectionnez les champs du formulaire, email et pass (voir 
figure 8-36). Selectionnez ensuite la connexion ConnexionBoutiquemx, la table clients et 
les deux colonnes de cette table qui correspondent aux parametres du compte, soit emai 1 
et pass (voir figure 8-37). En dessous, indiquez les noms des ecrans vers lesquels sera 
redirige l'utilisateur en cas de succes ou d'echec de l'authentification (voir figure 8-38). 
A noter que dans le cas d'un echec d'authentification, vous pourrez donner le nom d'un 
ecran specifique comportant un message d'erreur, celui de la page du login afin que l'uti- 
lisateur renouvelle sa saisie, ou encore revenir a l'ecran precedent si vous cochez la case 
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Atteindre 1 'URL precedente. En bas du panneau, cochez Foption Nom d'utilisateur, 
mot de passe et niveau d'acces, et selectionnez le champ statut pour que celui-ci soit 
memorise dans la session. Ainsi, vous pourrez par la suite restreindre Faeces a certaines 
pages selon le statut de Futilisateur authentifie. 




Figure 8-36 

Configuration du comportement serveur Connecter I'utilisateur. 



Tableau 8-13- 


- Parametres du comportement Connecter I'utilisateur 




Zone 


Valeur 




Champ Nom d'utilisateur 


email 




Champ Mot de passe 


pass 




Connexion 


ConnexionBoutiquemx 




Tableau 


clients 




Colonne Nom d'utilisateur 


email 
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Tableau 8-13 - Parametres du comportement Connecter I'utilisateur (suite) 



Zone 


Valeur 


Colonne Mot de passe 


pass 


Si la connexion reussie, allez a 


commande.php 


Si la connexion echoue, allez a 


login. php 


Restreindre I'acces en fonction de 


Norn d'utilisateur, mot de passe et niveau d'acces 


Obtenir le niveau de 


statut 



Figure 8-37 

Dans la partie basse du 
panneau, selectionnez 
Restreindre I'acces en 
fonction du nom, du mot 
de passe et du niveau 
d'acces. Choisissez 
ensuite le champ statut 
en tant que niveau 
d'acces. 



Connecter I'ulilisateur 



Obtenir tentree du f omwlalre s 


form l 


- 








Champ Nom tfuttltsateur : 


enij' 


- 








Champ Mot d# passe e 


pas-; 


- 


Valider a I'aide de ta connexion e 


C owitx lonGout Kwenw 


- 








Tableau e 


chants 


- 








Colonne Nom tfut&safceur e 


emal 


- 








Colonne Mot de passe e 


pass 


- 



Si la connexion reussfc, after a : I commande.php 



Z! Atteindre IURL precedence (si ele exste) 



si la connexion echouej aller a : log i. oho 



Restrc-indre I'acces en Foncfc 





Mom cfuutsateur et mot de passe 
® Mom d* uttsateur , mot de passe et niveau d'acces 
Obtent le niveau de : 



Q< 



Aide 



Test final de la page - Enregistrez votre page et basculez sur le Web local pour tester le 
fonctionnement du systeme d'identification (voir figure 8-38). L'ecran commande.php 
n'etant pas encore protege, vous devrez saisir directement le nom du fichier login. php 
dans la zone d'adresse du navigateur pour faire apparaitre le formulaire. Pour connaitre 
l'e-mail et le mot de passe d'un compte client afin de realiser un test de login, vous pou- 
vez afficher le contenu de la table cl ients a I'aide de phpMyAdmin (voir figure 8-39). 
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Realisation de la page inscription. php 

La page d'inscription permet a un nouvel utilisateur de s'inscrire afin de creer son compte 
client. Cependant, comme il n'est pas possible d'avoir deux login identiques dans la table 
clients, il convient de s'assurer que l'e-mail de I'utilisateur n'est pas deja present dans la 
base. Si c'est le cas, le compte est cree et tous les parametres du formulaire sont enregistres 
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LOGIN 



Saisissez ies parametres de votre compte 
VOtre e-mail '. lelranceQeyrolles com 

votre mot de passe : ■•»•) 

[ VALIDER I 



Pour creer un compte cliquez ICI : ► 
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e 



*J Intrant* total 



Figure 8-38 

Test du systeme d 'identification depuis le Web local. Pour acceder a I 'ecran login, saisissez directement le nom du 
fichier dans la zone d'adresse du navigateur. 



dans la base ; sinon, un message doit s'afficher a l'ecran pour informer l'utilisateur de l'exis- 
tence d'un compte utilisant un e-mail identique, et pour l'inviter a renouveler son inscription 
avec une autre adresse electronique. Pour realiser cette fonction, nous utiliserons le compor- 
tement serveur Verifier le nom de l'utilisateur. 

Procedure de creation de la page inscription. php 

1. Creation d'un ecran inscription_erreur.php - Avant de creer la page inscription. php, 
nous devons commencer par realiser une premiere page inscription_erreur.php qui 
affichera un message d'erreur dans le cas ou l'e-mail a ecrire est deja present dans la 
base de donnees. Pour cela, ouvrez la page inscription_erreur.php (ou creez-la a l'aide 
du modele model ePublic.dwt si elle n'existe pas encore). Positionnez-vous en haut de la 
page en mode Creation et saisissez un message d'information pour indiquer a l'utilisa- 
teur qu'un compte configure avec le meme e-mail existe deja, puis ajouter un lien hyper- 
texte vers la page in script ion. php afin de lui permettre de renouveler son inscription 
avec un autre e-mail (voir figure 8-40). Enregistrez ensuite cette nouvelle page sous le 
nom inscription_erreur.php dans le repertoire public. 
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Figure 8-39 

Powr vow.? assurer de la presence du compte client utilise pour vos tests, vous pouvez utiliser le gestionnaire 
phpMyAdmin afin d'afficher le contenu de la table clients. 

2. Creation de la page inscription.php - Ouvrez la page inscription.php situee dans le 
dossier public (ou creez-la a l'aide du modele model ePublic.dwt si elle n'existe pas 
encore). 

3. Creation du formulaire d' inscription- Dans la page inscription.php, placez-vous dans 
la fenetre du document en mode Creati on et creez une zone de formulaire sous le titre de 
la page. Placez ensuite votre pointeur a l'interieur de la zone de formulaire, creez un 
tableau de 10 lignes et de 2 colonnes, puis fusionnez la derniere ligne. Saisissez les tex- 
tes d'information dans chaque cellule en vous referant a la figure 8-41. Inserez ensuite 
un champ de texte dans chaque cellule de la colonne de droite, et nommez chaque champ 
en vous reportant aux informations du tableau 8-14. Dans la derniere ligne du tableau, 
ajoutez un bouton de soumission Valider, ainsi qu'un champ masque nomme statut 
avec cl ient comme valeur par defaut (voir figure 8-41). 
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Configuration du comportement Inserer 1 'enregistrement - Depuis le panneau 
Application /Comportements de serveur, cliquez sur le bouton + en haut du panneau et 
selectionnez le comportement Inserer 1 'enregistrement. Dans la boite de dialogue 
Inserer un enregistrement (voir figure 8-42), selectionnez la connexion de la boutique 
MX, puis la table cl ients dans laquelle seront enregistrees toutes les donnees du formu- 
laire. Doivent alors apparaitre, dans la zone Colonnes, toutes les colonnes qui seront ren- 
seignees et les noms des champs du formulaire correspondants. A noter que la cle 
primaire ID de la table etant auto-incrementee, aucun champ du formulaire n'est neces- 
saire pour alimenter cette colonne. Dans la zone Apres 1 ' i nserti on al 1 ez a, indiquez le 
nom de la page login.php pour que l'utilisateur soit automatiquement redirige vers 
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Figure 8-40 

Creation de la page inscription _erreur.php. 



l'ecran de login et puisse saisir ses nouveaux parametres pour s'authentifier. Validez vos 
informations en cliquant sur le bouton OK. 

5. Configuration du comportement Verifier le nouveau nom d'utilisateur - Maintenant 
que le comportement d'insertion d'un nouvel utilisateur est cree, nous pouvons ajouter le 
deuxieme comportement de serveur qui permettra de verifier que la valeur du champ 
email n'existe pas dans la table cl ients avant son enregistrement. Pour cela, cliquez sur 
le bouton + en haut du panneau depuis le panneau Application /Comportements de ser- 
veur, et selectionnez le comportement Authentifi cation de 1 'utilisateur, puis Veri- 
fier le nouveau nom d'utilisateur. Dans la boite de dialogue Verifier le nouveau 
nom d'utilisateur (voir figure 8-43), selectionnez le champ email dans le menu derou- 
lant, puis indiquez le nom de la page inscription_erreur.php dans la zone Si existe 
deja, allez a. Validez vos choix en cliquant sur le bouton OK, et assurez-vous que le 
nouveau comportement a bien ete ajoute au precedent dans le panneau Appl i cati on/Com- 
portements de serveur. 



© 

CO 

o 
o 

O 



Etude de cas : la boutique MX 



Chapitre 8 




Figure 8-41 

Creation duformulaire a" inscription dans la page imcription.php. 

Tableau 8-14 - Parametrage des elements du formulaire d'inscription 
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Nom de I'element 


Type 


Attributs 


Valeur par defaut 


nom 


Champ texte 


Lar. Caract.=30 




prenom 


Champ texte 


Lar. Caract.=30 




adresse 


Champ texte 


Lar. Caract.=50 




ville 


Champ texte 


Lar. Caract.=30 




cp 


Champ texte 


Lar. Caract.=5 




tel 


Champ texte 


Lar. Caract.=30 




email 


Champ texte 


Lar. Caract.=30 




pass 


Champ texte 


Lar. Caract.=30 




statut 


Champ masque 




client 
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Configuration du 
comportement de 
serveur lnserer un 
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Figure 8-43 

Configuration de la boite de dialogue du comportement Verifier le nouveau nom d'utilisateur. 
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Test final de la page inscription. php - Enregistrez votre page et basculez sur le Web 
local pour tester l'enregistrement d'un nouveau client (voir figure 8-44). Comme pour la 
page de login, pour tester la page d'inscription, vous devrez saisir directement le nom du 
fichier inscription. php dans la zone d'adresse du navigateur pour la faire apparaitre. II 
est a noter qu'apres l'enregistrement d'un nouveau compte client, la page 1 ogi n . php doit 
s'afficher automatiquement. Ensuite, il faut aussi tester le systeme dans le cas ou 1' e-mail 
existe deja dans la base, et verifier que la page du message d'erreur s'affiche correcte- 
ment. 
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INSCRIPTION 



Nom :[Tavan 


Prenom : Jean-Pierre 


Adresse : 73 Brj St Mercel 
Ville :|PariE 


1 

~~ 1 


CP :|750H | 


Tel : ooooooooo ] 


e-mail : jplavan@eyrolles.com 

mot de passe :j«»»«l 


1 


| Envoyer J 
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Figure 8-44 

Test de la creation d'un compte client depuis le Web local. 
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Realisation de la page commande.php 

Commerujons par proteger Faeces a cette page afin de s'assurer que l'utilisateur a bien ete 
prealablement authentifie. Pour cela, nous allons utiliser le comportement de serveur 
Restreindre l'acces a la page de la serie Authentication de 1 'utilisateur. Si l'utilisa- 
teur est deja authentifie, il pourra acceder a la page commande.php, sinon il sera redirige auto- 
matiquement vers la page 1 ogi n . php precedemment realisee. 

Avant de commenter le fonctionnement des scripts, rappelons que lorsque le client valide sa 
commande depuis l'ecran du panier virtuel, la valeur ENREGISTRER est affectee a la variable de 
session $action, pour memoriser la demande d'enregistrement, avant que la page 
commande.php ne soit appelee. Nous testerons done cette variable pour determiner si l'utilisa- 
teur desire enregistrer une nouvelle commande (acces par le biais du bouton Commander depuis 
la page login), ou s'il compte simplement visualiser d'anciennes commandes deja enregis- 
trees (acces par le biais du lien commande du menu del' espace Public). Dans lecas de l'enre- 
gistrement d'une commande, un script PHP enregistre dans la table commandes l'identifiant du 
client, ainsi que les informations specifiques a la commande (prix total de la commande et 
date). Ensuite, un autre script PHP recupere les informations sur les articles commandes, stoc- 
kees dans la variable $1 iste de la session, et les enregistre dans la table 1 istes de la base de 
donnees. Apres la sauvegarde de toutes ces caracteristiques, la suppression des variables de 
session $1 iste et $total permet de reinitialiser le panier virtuel pour d'eventuelles selections 
supplementaires, realisees par le meme client. Lors de son appel, la page commande.php 
affiche, dans un premier temps, un menu qui permet au client de selectionner la commande a 
afficher (il peut s'agir de la commande qui vient d'etre passee, mais aussi d'une ancienne 
commande deja enregistree). II est a noter que si le client se connecte sur la page commande . php 
sans avoir enregistre de commande au prealable, un message Ten informe et l'invite a se 
rendre a la page catal ogue pour proceder d'abord a une selection d'articles. Lorsque le client 
a choisi sa commande dans le menu, sa selection est soumise a la meme page qui montre alors 
toutes les informations liees a la commande et aux articles s'y rapportant. Le client peut ainsi 
imprimer cette page et 1' envoy er avec son reglement pour confirmer son achat. 

Procedure de creation de la page commande.php 

1. Ouvrez la page commande.php situee dans le dossier publ ic. 

2. Configuration du comportement serveur Restreindre l'acces a la page - Cliquez sur n 
le bouton + du panneau Application/Comportements de serveur et selectionnez Authen- 2? 
tifi cation de 1 'utilisateur, puis Restreindre l'acces a la page. Dans la zone Res- <§. 
treindre en fonction de, selectionnez l'option Norn d'utilisateur, mot de passe et ® 

to 

niveau d' acces. Cliquez ensuite sur le bouton Definir et ajoutez le niveau client dans la § 

boite de dialogue, puis validez en cliquant sur OK. Renseignez la derniere zone Si g 

l'acces est refuse, allez a en indiquant le fichier login, php, et cliquez sur OK pour § 

valider la configuration du comportement (voir figure 8-45). Ainsi parametree, la page £, 

commande . php ne pourra etre accessible que par un utilisateur ayant comme statut cl i ent. 3 
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Figure 8-45 

Parametrage du comportement de serveur Restreindre I 'acces a la page. 
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Configuration du jeu d'enregistrements rsRappel CI i ent, destine a recuperer l'identifiant 
du client- Le systeme d'authentification realise precedemment, a l'aide de comporte- 
ments de serveur, memorise uniquement l'e-mail et le statut de l'utilisateur. Cependant, 
dans cette page, nous aurons besoin a plusieurs reprises de connaitre l'identifiant du 
client (champ ID de la table cl ients). Pour remedier a cela, nous pourrions realiser des 
requetes avec jointures entre la table clients et les tables commandes et listes, mais il est 
plus judicieux de recuperer une fois pour toutes l'identifiant de l'utilisateur grace a une 
requete specifique, pour ensuite le garder dans une variable de session. Pour integrer 
cette fonction dans la page, nous allons creer un jeu d'enregistrements rsRappelClient 
qui recupere l'identifiant ID du client a partir de l'e-mail memorise dans la session 
($_SESSION['MM_Username']). Puis nous ajouterons en mode Code des instructions qui 
permettront de retenir l'identifiant de l'utilisateur ainsi rapatrie dans la session. Cliquez 
sur le bouton + du panneau Li ai sons pour creer un nouveau jeu en mode Si mpl e. Rensei- 
gnez les zones de saisie selon les parametres indiques sur la figure 8-46. Apres la consti- 
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tution du jeu, basculez en mode Code et inserez les lignes de code suivantes a la suite du 
jeu d'enregistrements precedemment cree : 

// Memorisation du ID client dans la session 

$cl i entID = mysql_resul t($rsRappel CI ient ,0, ' ID' ) ; 

$_SESSION['clientID'] = SclientID ; 

// 



Figure 8-46 

Parametrage dujeu 
d 'enregistrements 
rsRappelClient. 



Jeu d'enregistrements 



Connexion : 



ConnexionSoutiquemx 



| Defimr. 




W Selectionnees : 



de session v 




OK 



- 



Annuler 



Tester 



Avance. . 



Aide 



Configuration du jeu d'enregistrements rsSel ectCommande, destine a recuperer les identi- 
fiants des commandes du client- Cliquez sur le bouton+ du panneau Liaisons pour 
creer un nouveau jeu en mode Simpl e. Renseignez les zones de saisie selon les parame- 
tres indiques dans le tableau 8-15 (voir le panneau en haut de la figure 8-47). Apres la 
creation dujeu, assurez-vous que ses variables sont desormais disponibles dans la fenetre 
du panneau Liaisons. 

Tableau 8-15 - Parametres du jeu d'enregistrements rsSelectCommande 



Zone 


Valeur 


Commentaires 


Nom 


rsSelectCommande 




Connexion 


ConnexionBoutiquemx 




Table 


commandes 




Colonnes 


Selectionnees : 

ID 

date 


Pour alimenter le menu deroulant de selection d'une commande, 
nous avons besoin des champs ID et date. 
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Tableau 8-15 - Parametres du jeu d'enregistrements rsSelectCommande (suite) 



Zone 


Valeur 


Commentaires 


Filtre 


ClientlD= 

Variable de session : 

ClientlD 


Nous desirons recuperer uniquement les enregistrements du client 
identifie par la variable de session ClientlD. 


Trier 


ID/Decroissant 


Ainsi, les commandes disponibles sont triees par ordre decroissant 
(la plus recente est placee en haut de la liste). 



Creation du formulaire de selection de la commande a afficher - Placez-vous dans la 
fenetre du document en mode Creati on et creez une zone de formulaire sous le titre de la 
page. Placez ensuite votre pointeur a l'interieur de la zone du formulaire et constituez un 
tableau d'une seule ligne et de 2 colonnes. Saisissez le texte d'information dans la cellule 
de gauche en vous referant a la figure 8-49. Inserez ensuite dans la cellule de droite un 
menu deroulant nomme commande ID, ainsi qu'un bouton de soumission a sa droite. Selec- 
tionnez le formulaire a l'aide du selecteur de balise, configurez la zone Action avec le 
fichier commande. php, et choisissez une methode GET. Dans l'etape suivante, nous aurons 
besoin de disposer de la variable CommandelD pour parameter le menu dynamique. Pour 
ajouter cette variable au panneau Liaison, cliquez sur le bouton du panneau Liaisons et 
selectionnez Variable d'URL. Saisissez le nom CommandelD dans la boite de dialogue et 
validez. 

Configuration du menu dynamique - Selectionnez le menu et cliquez sur le bouton Dyna- 
mique (voir figure 8-47). Dans la boite de dialogue Liste/Menu, selectionnez le jeu rsSe- 
lectCommande, la valeur ID et l'etiquette ID, puis cliquez sur le bouton avec l'eclair en bas 
de la boite de dialogue. Dans la fenetre Donnees dynamiques, selectionnez le parametre 
d'URL CommandelD, puis validez successivement les deux boites de dialogue. Basculez 
ensuite en mode Code pour localiser facilement le code correspondant au menu. Modifiez 
le code de la balise <option> en ajoutant une balise d'affichage de la date de la com- 
mande en plus de son identifiant (pour la correction du code, il suffit d'ajouter la balise 
PHP indiquee en caracteres gras dans le script ci-dessous). 



<option value="<?php echo $row_rsSel ectCommandel ' ID' ]?>" 

<?php if ( ! (strcmp($row_rsSelectCommande[ ' ID' ] , $_GET[ ' CommandelD' ] ) )) 

"SELECTED";} ?» 

N°<?php echo $row_rsSelectCommande[ ' ID' ]?> 

du <?php echo $row_rsSelectCommande['date']?> 

</option> 



[echo 
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7. Initialisation des variables et test partiel en Web local - Saisissez le script i ni t des varia- 
bles ci-dessous en haut de la page, juste apres le premier bloc de code (presente a l'etape 
5), afin d' initialiser toutes les variables utilisees dans la page (indispensable pour 
PHP 4.2 et versions ulterieures). Enregistrez votre page et passez sur le Web local pour 
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Figure 8-47 

Parametrage dujeu 
d ' enregistrements 
rsSelectCommande et 
creation duformulaire 
de selection de la 
commande. 




tester cette premiere fonction de selection des commandes. La fonction d'enregistrement 
des achats n'etant pas encore creee, nous allons utiliser les commandes du compte jmde- 
france@eyrolles.com ajoutees a la base lors du chargement du fichier jeu- donnees- 
test.sql. Depuis le menu de l'interface administrateur, cliquez sur commande et identi- 
fiez-vous (jmdefrance@eyrol les. com/1234). Lorsque la page commande. php apparait, 
ouvrez le menu deroulant afin de verifiez que les differentes commandes apparaissent 
bien dans la liste. D'autre part, le formulaire etant configure en methode GET, vous devez 
voir le parametre selectionne dans l'URL de la page, lorsque vous cliquez sur le bouton 
Val ider du formulaire. 



<?php 

//init des variables 

if (!isset($_GET['commandeID'])) 

if (!isset($_SESSION[ 'action'])) 
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f_GET[ 'comtnandelD' ]=0; 

taction-"" : 
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el se $action=$_SESSION[ 'action' ] ; 

if (!isset($_SESSION['liste'])) $1 iste[]=array("VIDE" ,1 ,0,0) ;//init de liste si 

VIDE 

else $1 iste=$_SESSI0N[ ' 1 iste' ] ;//recup de la liste de la session 

if (!isset($_SESSION['total'])) $total=0; 

else $total-$_SESSI0N[ 'total ']; 

if (!isset($_SESSI0N['clientID'])) $clientID=0; 

else $clientID=$_SESSION['clientID']; 

?> 

8. Integration du script qui gere une nouvelle commande - Le script est conditionne par la 
variable de session Saction qui doit etre egale a ENREGISTRER ; il doit etre integre juste 
apres le jeu d'enregistrement rsRappel Client. La premiere partie du script permet 
d'inserer la date, le total de la commande et l'identifiant du client dans la table commande. 
La deuxieme partie du script est constitute d'une boucle for recuperant les parametres 
des articles commandes qui etaient stockes en session dans la variable Sliste. La troi- 
sieme partie du script insere ces differentes informations dans la table liste a chaque 
tour de boucle. Enfin, la derniere partie detruit les variables de session $1 iste et $total 
pour vider le panier virtuel, ainsi que la variable $action qui memorisait la validation 
d'une nouvelle commande. 

//enregistrement d'une nouvelle commande 
//dans la table commandes 
if ($action=="ENREGISTRER") 

{//debut du if 

// INSERTION DES PARAMETRES DE LA COMMANDE 

mysql_select_db($database_ConnexionBoutiquemx, $ConnexionBoutiquemx) ; 

$insertCommande-"INSERT INTO commandes (date, clientID, total) VALUES 
(NOW().'$clientID\ '$total')"; 

$Resultl-mysql_query($insertCommande, $ConnexionBoutiquemx) ; 

$commandeID-mysql„insert_id( ) ; 
//recupere l'identifiant client attribue. 

//RECUPERATION DES PARAMETRES DE LA LISTE 
//DES ARTICLES 
//recuperation des articles et de leur quantite, 
//puis enregistrement dans la table listes. 
for ($i-0;$i<count($liste);$i++) 
{//debut du for 
$reference-$l i ste[$i ] [0] ; 

//recup de la ref de 1 'article dans le panier 
$quantite-$liste[$i][l]; 
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//recup de la quantite de cet article 
$prixArticle-$liste[$i][3]; 

//recup du prix total de ces articles 

//INSERTION DES PARAMETRES DES ARTICLES 

//DE LA COMMANDE 

$insertListe-"INSERT INTO listes (commandelD, reference, quantite, 
prixArticle) 

VALUES ( '$comnandeID' , Preference', 'Iquantite', '$prixArticle' )" 
$Resul tl-mysql_query($insertListe, $ConnexionBoutiquemx) ; 
}//fin du for 



// DESTRUCTION DES INFORMATIONS DU PANIER 

//destruction de la liste, du total et du 

//drapeau « action » de la session 

unset($_SESSION['liste']); 
unset($_SESSION['total ']); 
unset($_SESSION['action']); 
}//fin du if ($action=="ENREGISTRER n ) 



9. Configuration du jeu d'enregistrements rsListe qui recupere les informations sur les 
articles commandes - Cliquez sur le bouton + du panneau Liaisons pour creer un nou- 
veau jeu. Renseignez les zones de saisie selon les parametres indiques dans le tableau ci- 
dessous (voir figure 8-48). Apres la creation du jeu, assurez-vous que ses variables sont 
desormais disponibles dans la fenetre du panneau Liaisons. 

Tableau 8-16 - Parametres du jeu d'enregistrements rsListe 



Zone 


Valeur 


Commentaires 


Nom 


rsListe 




Connexion 


ConnexionBoutiquemx 




Table 


listes 




Colonnes 


Selectionnees : 
reference 
quantite 
prixArticle 


Nous affichons, pour chaque article, sa reference, la quantite 
commandee et son prix. 


Filtre 


commandelD= 
Parametre d'URL : 
commandelD 


Nous desirons recuperer tous les enregistrements d'articles qui se 
rapportent a la commande identifiee par la variable de session 
commandelD. 


Trier 


reference/Croissant 


Les articles sont tries par ordre croissant avant d'etre affiches dans le 
tableau. 
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Figure 8-48 
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10. Creation du tableau qui contient les articles de la commande - Placez-vous dans la fene- 
tre du document en mode Creation et creez un tableau de 4 lignes et 3 colonnes. Saisis- 
sez le texte des titres de chaque colonne en vous referant a la figure 8-49. 
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Figure 8-49 

Creation du tableau d'affichage des articles de la commande. 
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Fusionnez la troisieme ligne et inserez une barre, afin de separer les articles du total. 
Ajoutez ensuite le texte Total a payer dans la derniere ligne. Depuis le panneau 
Liaisons, glissez les variables reference, quantite et prixArticle dans les cellules cor- 
respondantes du tableau (voir figure 8-49). 

Enfin, selectionnez la deuxieme ligne puis cliquez sur le bouton + du panneau Comporte- 
ments de serveur, pour ajouter une Region repetee configured avec le jeu d'enregistre- 
ments rsListe. Ce comportement permettra d'afficher les caracteristiques des differents 
articles de la commande, sur chaque ligne du tableau. 

11. Configuration du jeu d'enregistrements rsCommande qui recupere les parametres de la 
commande - Cliquez sur le bouton + du panneau Liaisons pour creer un nouveau jeu. 
Cliquez sur le bouton Avance et renseignez les zones de saisie selon les parametres ci- 
dessous. Pour la zone SQL, nous vous conseillons d'utiliser l'assistant Ajouter au SQL 
situe en bas de la boite de dialogue (au besoin, revoir l'utilisation de l'assistant 
figure 2-126). L'enregistrement de la commande etant identifie par le parametre comman- 
delD passe dans l'URL, il faut ajouter un couple de variables dans la zone Vari abl es, afin 
de l'utiliser pour selectionner la commande desiree. Pour cela, cliquez sur le bouton + de 
la zone Variables et saisissez col name dans la premiere cellule, (ou mieux -1) pour la 
valeur, et $_GET['commandeID'] dans la troisieme cellule (voir figure 8-51). II est a noter 
que, les informations concernant la commande etant stockees dans deux tables differen- 
tes, nous devons realiser une jointure a l'aide de la condition WHERE commandes. clien- 
tlD-clients.ID. 

Tableau 8-17 - Parametres du jeu d'enregistrements rsCommande 



Zone 

Nom 
Connexion 



SQL 



Variables 



Valeur 

rsCommande 

ConnexionBoutiquemx 

SELECT commandes." date', commandes.etat, commandes.total, clients.nom, clients.prenom, 

clients.adresse, clients.ville, clients.cp, clients.tel, commandes. ID 

FROM commandes, clients 

WHERE commandes. ID=colname AND commandes.clientlD=clients.lD 



colname 



_GET['commandelD'] 



12. Creation du tableau qui contient toutes les informations de la commande - Placez-vous 
en dessous du precedent tableau et creez-en un autre de 8 lignes et 2 colonnes. Fusionnez 
la premiere puis la deuxieme ligne, et saisissez les textes d'information dans chaque cel- 
lule en vous referant a la figure 8-51. Depuis le panneau Liaisons, glissez toutes les 
variables dans les cellules correspondantes du tableau, en n'oubliant pas de glisser la 
variable total dans la derniere cellule du tableau precedent (voir figure 8-51). 
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Figure 8-51 

Creation du tableau regroupant les informations de la commande. 
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13. Configuration d'une region conditionnee pour Faffichage des deux tableaux de la page - 
A ce stade, la page commande.php fonctionne. Cependant, afin que le formulaire ne s'affi- 
che pas, dans le cas ou le client n'a pas encore de commande, nous allons utiliser un 
comportement Afficher la region pour conditionner Faffichage des tableaux d'infor- 
mation, en testant si le jeu d'enregistrements rsListe n'est pas vide. La procedure est la 
meme que precedemment. Selectionnez cette fois les deux tableaux de la page (pour 
cette double selection, positionnez votre curseur au-dessus du premier tableau, appuyez 
sur le bouton gauche de la souris, et deplacez le curseur en dessous du second tableau en 
maintenant le bouton gauche enfonce). Cliquez sur le bouton + du panneau Comporte- 
ments de serveur, selectionnez Afficher la region, puis Afficher si le jeu n'est pas 
vide. Choisissez ensuite le jeu d'enregistrements rsListe dans la boite de dialogue, puis 
validez. 

14. Configuration d'une region conditionnee pour le formulaire de selection de la 
commande - De la meme maniere, nous allons determiner 1' apparition du formulaire de 
selection de commande. Commencez par choisir ce dernier en mode Creation. Cliquez 
sur le bouton + du panneau Comportements serveur et selectionnez Afficher la region, 
puis Afficher si le jeu n'est pas vide. Optez ensuite pour le jeu d'enregistrements 
rsSelectCommande dans la boite de dialogue du comportement, puis validez votre choix 
en cliquant sur le bouton OK. Apres confirmation, un cadre portant l'etiquette Afficher 
si . . . doit entourer le formulaire de selection. 

15. Ajout d'un message d'information - Si le client n'a pas de commande, nous avons deja 
configure le formulaire de selection pour qu'il ne s'affiche pas, mais dans ce cas la page 
est vide. Nous allons done ajouter un texte d'information en utilisant la condition 
inverse, afin d'informer le client qu'il n'a pas encore de commande. Saisissez un texte 
d'information (voir figure 8-52) en dessous des tableaux, et selectionnez-le. Cliquez sur 
le bouton + du panneau Comportements de serveur, selectionnez Afficher la region, 
puis Afficher si le jeu est vide (voir figure 8-52). Choisissez ensuite le jeu d'enregis- 
trements rsSelectCommande dans la boite de dialogue du comportement, puis validez 
votre choix en cliquant sur le bouton OK. 

16. Test final de la page - Enregistrez la page commande.php et testez-la dans le Web local 
(voir figure 8-53). 



Remarque sur lutilisation du code complet 

Certains des fragments de code PHP de la page commande.php doivent etre generes automatiquement 
par des comportements de serveur en mode Creation, alors que d'autres seront integres manuellement 
en mode Code. Aussi, pour vous permettre de verifier la concordance de ces fragments de code et de leur 
position dans la page, nous avons decide de reproduire le code complet de cette page, mais celui-ci ne 
doit etre en aucun cas saisi entierement en mode Code. 
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Figure 8-52 

Configuration d'un comportement Afficher la region pour afficher un message d 'information. 



Code complet de la page commande.php : 

<?php 

// Comportement serveur pour controler 1 'authentif ication 

if (!isset($_SESSION)) { 

session_start( ) ; 
} 

$MM_authorizedUsers = "client"; 
$MM_donotCheckaccess = "false"; 

// *** Restrict Access To Page: Grant or deny access to this page 
function isAuthorized($strUsers , SstrGroups, $UserName, $UserGroup) { 

// For security, start by assuming the visitor is NOT authorized. 

SisValid = False; 
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// When a visitor has logged into this site, the Session variable MM_Username set 
equal to their username. 

// Therefore, we know that a user is NOT logged in if that Session variable is 
bl ank. 

if ( !empty($UserName) ) { 
// Besides being logged in, you may restrict access to only certain users based 
on an ID established when they login. 
// Parse the strings into arrays. 
SarrLlsers = ExplodeC',", SstrUsers); 
SarrGroups = ExplodeC',", SstrGroups); 
if (in_array($UserName, SarrUsers)) { 

$isVal id = true; 
} 

// Or, you may restrict access to only certain users based on their username. 
if (in_array($UserGroup, SarrGroups)) { 

$i sVal id = true; 
} 
if ((SstrUsers == "") && false) { 

SisVal id = true; 
} 
} 
return SisValid; 



$MM_restrictGoTo = "login. php"; 

if (!((isset($_SESSION['MMJJsername'])) && (isAuthorized( "" , $MM_authorizedUsers, 

$_SESSION['MM_Username'], $_SESSI0N[ 'MMJJserGroup' ] ) ) ) ) { 

$MM_qsChar = "?"; 

$MM_referrer = $_SERVER[ ' PHP^SELF' ] ; 

if (strpos($MM_restrictGoTo, "?")) $MM_qsChar = "&"; 

if (isset($QUERY_STRING) && strl en($QUERY_STRING) > 0) 

$MM_referrer .= "?" . $QUERY_STRING; 

$MM_restrictGoTo = $MM_restrictGoTo. $MM_qsChar . "accesscheck=" . 
url encode ($MM_refer re r) ; 

headerC'Location: ". $MM_restrictGoTo) ; 

exit; 
} 

?> 
<?php 

// Initialisation des variables 

if (!isset($_GET['commandeID'])) $_GET['commandeID']-0; 

if (!isset($_SESSI0N['statut'])) $statut-"N0N IDENTIFIE"; 

else $statut-$_SESSION['statut']; 

if (lisset($_SESSION['action'])) $action-""; 

else $action-$_SESSION[' action']; 
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1f (Hsset($_SESSION['liste'])) $liste[]-irray("VIDE". 1.0.0) ;//init de liste si 

VIDE 

else $liste-$_SESSI0N[ 'liste' ];//recup de Is liste de la session 

if (!isset($_SESSION['total'])) $total-0; 

else $total-$_SESSION['total']; 

if (!isset($_SESSION['clientID'])) $clientID-0; 

else $clientID-$_SESSION['clientID']; 

// 

?> 

<?php requi re_once( ' . ./Connections/ConnexionBoutiquemx.php' ) ; ?> 

<?php 

// Jeu rsRappelCl ient 

$colname_rsRappelCl ient = "-1"; 

if (isset($_SESSION['MM_Username'])) { 

$col name_rsRappel CI i ent = (get_magic_quotes_gpc( ) ) ? $_SESSI0N[ 'MMJsername' ] : 
addsl ashes ($_SESSION['MM_Usernane']); 
} 

mysql_select_db($database_ConnexionBoutiquemx, $ConnexionBoutiquemx) ; 
$query_rsRappelClient = sprintf ("SELECT ID FROM clients WHERE email = "%s", 
$colname_rsRappelCl ient) ; 

$rsRappelCl ient = mysql_query($query_rsRappelCl ient , $ConnexionBoutiquemx) or 
die(mysql_error( ) ) ; 

$row_rsRappelCl ient = mysql_fetch_assoc($rsRappel CI ient) ; 
$total Rows_rsRappelCl ient = mysql_num_rows($rsRappelCl ient) ; 

// Memorisation du ID client dans la 

session 

$clientID- mysql_result($rsRappelCl ient.O. 'ID' ); 

$_SESSION['clientID']-$clientID; 

// Enregistrement d'une nouvelle commande dans la 

table commandes 

if (laction— "ENREGISTRER") 

{ 

mysql_select_db($database„ConnexionBoutiquemx, $ConnexionBoutiquemx) ; 

SinsertCommande - "INSERT INTO commandes (date, clientID, total) VALUES 
(N0W(),'$clientID\ '$total')"; 

IResultl - mysql_query($insertCommande, $ConnexionBoutiquemx) or 
die(mysql_error( )) ; 

$commandeID-mysql_insert_id( ) ;//recupere 1 'identifiant client attibue 

//recuperation des articles et quantite et enregistrement dans la table listes 
for ($i-0;$i<count($liste);$i++) 
{ 

$reference-$liste[$i][0] ;//recup de la ref de 1 'article dans le panier 
$quantite-$l iste[$i][l] ;//recup de la quantite de cet article dans le 
panier 
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$prixArticle-$l iste[$i][3] ;//recup du prix total de ces articles (nb * prix 
unitaire) dans le panier 

$insertListe - "INSERT INTO listes (commandelD, reference, quantite, 
prixArticle) VALUES ( '$commandeID' , Preference', '$quantite', 'IprixArticle' )"; 

$Result2 - mysql_query($insertListe, $ConnexionBoutiquemx) or 
die(mysql„error( )) ; 

} 

//destruction de la liste, du total et du drapeau action de la session 

unset($^SESSION['liste']); 

unset( $_SESSI0N[ ' total' ]) ; 

unset($_SESSION[ 'action']); 

}//fin du if ($action-"ENREGISTRER") 

// Jeu rsSel ectCommande 

$colname_rsSelectCommande = "-1"; 
if (isset($_SESSION['clientID'])) { 

$col name_rsSel ectCommande = (get_magic_quotes_gpc( ) ) ? $_SESSI0N ['clientID'] : 
addsl ashes ($_SESSI0N[' client ID']); 

} 

mysql_select_db($database_ConnexionBoutiquemx, $ConnexionBoutiquemx) ; 

$query_rsSel ectCommande = sprintf ("SELECT ID, ~date~ FROM commandes WHERE clientID 

= %s ORDER BY ID DESC", $colname_rsSelectCommande) ; 

$rsSel ectCommande = mysql_query($query_rsSelectCommande, $ConnexionBoutiquemx) or 

die(mysql_error( ) ) ; 

$row_rsSel ectCommande = mysql_fetch_assoc($rsSelectCommande) ; 

$ total Rows_rsSel ectCommande = mysql_num_rows($rsSel ectCommande) ; 

II j eu rs Liste 

$colname_rs Liste = "-1"; 

if (isset($_GET['commandeID'])) { 

$colname_rsLi ste = (get_magic_quotes_gpc( ) ) ? $_GET[ 'commandelD' ] : 
addsl ashes ($_GET[ 'commandelD']); 



mysql_select_db($database_ConnexionBoutiquemx, $ConnexionBoutiquemx) ; 

$query_rsListe = sprintf ( "SELECT reference, quantite, prixArticle FROM listes 

WHERE commandelD = %s ORDER BY reference ASC", $colname_rsListe) ; 

SrsListe = mysql_query($query_rsListe, $ConnexionBoutiquemx) or 

die(mysql_error( ) ) ; 

$row_rsListe = mysql_fetch_assoc($rsListe) ; 

$total Rows_rsLi ste = mysql_num_rows($rsListe) ; 

// j eu rsCommande 

$col name_rsCommande = "-1"; 

if (isset($_GET['commandeID'])) { 

$colname_rsCommande = (get_magic_quotes_gpc( ) ) ? $_GET[ ' commandelD' ] : 
addsl ashes ($_GET[ 'commandelD']); 

} 
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mysql_select_db($database_ConnexionBoutiquemx, SConnexionBoutiquemx) ; 
$query_rsCommande = sprintf ("SELECT commandes . ~date~ , commandes .etat , 
commandes. total , cl ients.nom, cl ients.prenom, cl ients .adresse, clients. ville, 
clients. cp, clients. tel, commandes. ID FROM commandes, clients WHERE 
commandes. ID=%s AND commandes .cl ientID=clients. ID" , $colname_rsCommande) ; 
SrsCommande = mysql_query($query_rsCommande, $ConnexionBoutiquemx) or 
die(mysql_error( ) ) ; 

$row_rsCommande = mysql_fetch_assoc($rsCommande) ; 
$total Rows_rsCommande = mysql_num_rows($rsCommande) ; 

// Debut de la page HTML 

?> 

<html><! - - InstanceBegin tempi ate=" . ./. ./SITEboutiquemx/Templ ates/ 

ModelePubl ic.dwt.php" codeOutsideHTMLIsLocked="false" --> 

<head> 

<!-- InstanceBeginEditabl e name="docti tie" --> 

<title>Boutique MX by phpmx.com</ti tl e> 

<!-- InstanceEndEditable --> 

<meta http-equiv="Content-Type" content="text/html ; charset=iso-8859-l"> 

<!-- InstanceBeginEditabl e name="head" --><!-- InstanceEndEditable --> 

</head> 

<body> 

<div al ign="center"> 

<p><img src=" . ./images/bandeauPubl ic.gif " width="650" height="100" border="0" 
usemap="#Map"> 

</p> 

<map name="Map"> 
<area shape="rect" coords="22,65,166,93" href="catalogue.php"> 
<area shape="rect" coords="190,67,293,94" href="panier.php"> 
<area shape="rect" coords="325,68,478,94" href="commande.php"> 
<area shape="rect" coords="524,66,621,96" href=" . ./administrateur/ 
index. php"> 

<area shape="rect" coords="290,22,414,52" href="http: //www. phpmx.com"> 
</map> 
</div> 

<!-- InstanceBeginEditabl e name="pagePubl ic" --> 
<table wi dth=" 100%" border="0" cellspacing="0"> 
<tr> 
<td><p al ign="center"Xstrong><font color="#FF0000" size="6" face="An'al, 
Helvetica, sans-serif ">COMMANDE</fontX/strongX/p> 

<?php if ($total Rows_rsSelectCommande > 0) { // Show if recordset not empty 
?> 

<form name="forml" method="get" action="commande.php"> 

<table width="500" border="l" al ign="center" eel 1 spacing="0"> 
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<tr> 

<td width="236">Sélectionnez la commande à afficher : </ 



td> 



do { 
?> 






<td width="254"> 

<select name=" commande ID" id="commandeID"> 
<?php 



<option value-"<?php echo $row_rsSelectCommande[' ID ' ] ?>"<?php if 
(!(strcmp($row_rsSelectCommande['ID'], $_GET[ 'commandelD']))) {echo "SELECTED";} 
?»N°<?php echo $row_rsSelectCommande[' ID']?> du <?php echo 
$row_rsSelectCommande['date']?X/option> 

<?php 
} while ($row_rsSelectCommande - mysql_fetch_assoc($rsSelectCommande)) ; 
$rows - mysql„num_rows($rsSelectCommande) ; 
if($rows > 0) { 

mysql_data_seek($rsSelectCommande, 0) ; 

$row_rsSelectCommande - mysql_fetch_assoc($rsSelectCommande) ; 
} 
?> 

</sel ect> 

O'nput type="submit" name="Submit" val ue="AFFICHER"X/td> 
</tr> 
</table> 
</form> 

<?php } // Show if recordset not empty ?> 

<?php if ($totalRows_rsl_iste > 0) { // Show if recordset not empty ?> 
<table width="650" border="l" al ign="center" eel 1 spacing="0" 
bordercolor="#FF0000"> 
<tr> 
<td> 
<div al ign="center"> 

<table width="644" border="0" eel lspacing="0"> 
<tr bgcolor="#FF0000"> 

<td width="217"> 
<di v al ign="center"Xfont color="#FFFFFF"XstrongXfont size-"2" 
face="Verdana , Arial, Helvetica, sans-serif ">Référence</font></ 
strongX/fontX/divX/td> 

<td width="258"> 

o 
<div al ign="center"Xfont color="#FFFFFF"XstrongXfont size="2" g 

face="Verdana , Arial, Helvetica, sans-serif ">Quantité</fontX/strong></ O 

fontX/divX/td> | 

<td width="163"> ^ 
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face="Verdana 
td> 



<div al ign="center"Xfont color="#FFFFFF"XstrongXfont size="2" 
Arial , Helvetica, sans-serif ">Prix</font></strong></fontX/div></ 



He" 

He' 

He" 
td> 



</tr> 

<?php do { ?> 

<tr> 

<td><div al ign= n center"Xfont size="2" face="Verdana , Arial, 
vetica, sans-serif"X?php echo $row_rsl_iste[' reference'] ; ?X/fontX/di vX/td> 

<td><div al ign="center"Xfont size="2" face="Verdana , Arial, 
vetica, sans-serif"X?php echo $row_rsListe['quantite'] ; ?X/fontX/divX/td> 

<td><div al ign= n center"Xfont size="2" face="Verdana , Arial, 
vetica, sans-serif"X?php echo $row_rsListe['prixArticle'] ; ?X/fontX/div></ 

</tr> 

<?php } while ($row_rsListe - mysql_fetch_assoc($rsl_iste)) ; ?> 

<tr> 

<td col span="3"X! -- #Beginl_ibraryItem "/Library/barreRouge.lbi " 



<hr al ign="center" size="2" noshade color="#FF0000"> 
<!-- #EndLibraryItem --></td> 
</tr> 
<tr> 

<td col span="2"Xdiv al ign="right"Xfont size="2" face="Verdana, 
Arial, Helvetica, sans-serif ">Total à payer :</fontX/di vX/td> 
<td> 
<div al ign="center"Xfont size="2" face="Verdana , Arial, 
sans-serif"XbX?php echo $row_rsCommande[' total '] ; ?X/bX/font></ 



He 
di v 



o- 
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vetica , 
></td> 

</tr> 
</table> 
</divX/td> 
</tr> 
</table> 
<br> 
<div al ign="center"> 

<table width="650" border="l" al ign="center" eel 1 spacing="0" 
bordercolor="#FF0000"> 
<tr> 
<td><table width="650" border="0" eel lspacing="0"> 
<tr> 

<td colspan="2"Xdiv al ign="center"Xfont size="2" face="Verdana , 
Arial, Helvetica, sans-serif ">Commande N°<?php echo $row_rsCommande['ID'] ; 
?XstrongX/strong> du<strong> </strong> <?php echo $row_rsCommande['date'] ; ?> - 
Etat : <strongX?php echo $row„rsCommande['etat' ] ; ?X/strongX/fontX/divX/td> 
</tr> 
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<tr> 

<td col span="2"Xdi v al ign="center"> <font size="2" face="Verdana , 
Arial, Helvetica, sans-serif "> </font><!-- #Beginl_ibraryItem "/Library/ 
barreRouge. lbi " --> 

<hr al ign="center" size="2" noshade color="#FF0000"> 
<!-- //EndLibraryltem --Xfont size="2" face="Verdana , Arial, 
Helvetica, sans-serif ">ADRESSE DE LIVRAISON ET DE FACTURATION : <br> 

</font> <!-- #Beginl_ibraryItem "/Library/barreRouge.lbi " --> 
<hr al ign= n center" size="2" noshade color="#FF0000"> 
<!-- #Endl_ibraryItem --Xfont size="2" face="Verdana , Arial, 
Helvetica, sans-serif"> </font> </divX/td> 
</tr> 
<tr> 

<td width="277"Xdiv al ign="right"Xfont size="2" face="Verdana , 
Arial, Helvetica, sans-serif ">Nom :</fontX/divX/td> 

<td width= n 369"><?php echo $row_rsConmande['nom'] ; ?></td> 
</tr> 
<tr> 

<tdXdiv align="right"Xfont size="2" face="Verdana, Arial, 
Helvetica, sans-serif ">Prénom :</fontX/divX/td> 

<td><?php echo $row_rsCommande['prenom'] ; ?></td> 
</tr> 
<tr> 

<td><div al ign="right"Xfont size="2" face="Verdana , Arial, 
Helvetica, sans-serif ">Tél :</font> </divX/td> 

<tdX?php echo $row_rsComminde['ter]; ?></td> 
</tr> 
<tr> 
<td><div al ign="right"Xfont size="2" face="Verdana , Arial. 
Helvetica, sans-serif ">Adresse :</fontX/divX/td> 

<tdX?php echo $row_rsComminde['idresse' ] ; ?></td> 
</tr> 
<tr> 

<td><div al ign="right"Xfont size="2" face="Verdana, Arial, 
Helvetica, sans-serif ">Vil le : </fontX/divX/td> 

<tdX?php echo $row_rsCommande['ville'] ; ?></td> 
</tr> 
<tr> 
<td><div al ign="right"Xfont size="2" face="Verdana, Arial, 
Helvetica, sans-serif ">Cp : </fontX/divX/td> 

<tdX?php echo $row_rsCommande['cp'] ; ?></td> 
</tr> 
</tableX/td> 
</tr> 
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</table> 
</div> 

<?php } // Show if recordset not empty ?> 
<?php if ($total Rows_rsSelectCommande — 0) { // Show if recordset empty ?> 

<table width="100r border="0" eel lspacing="0"> 
<tr> 
<td><div al ign="center"Xfont size="2" face="Verdana, Arial, Helvetica, 
sans-serif "><br> 

Vous n'avez pas encore de commande d'enregistrée.<br> 
Cliquez sur la rubrique Catalogue pour sélectionner vos 
articles. <br> 
<br> 

</fontX/divX/td> 
</tr> 

</table> 
<?php } // Show if recordset empty ?> 
<p al ign="center"> </pX/td> 
</tr> 
</table> 

<!-- InstanceEndEditable --> 

<p al ign="center"Xirng src=" . . /images/BarreBasPubl ic.gif " border-"0" 
usemap="#Map2"> 
<map name="Map2"> 

<area shape="rect" coords="128,3,228,19" href="http://www.phpmx.com"> 
</map> 
</p> 
</div> 
</body> 

<!-- InstanceEnd --></html> 
<?php 

mysql_f ree_resul t($rsSelectCommande) ; 
mysql_f ree_resul t($rsListe) ; 
mysql_f ree_resul tdrsCommande) ; 
mysql_f ree_resul tdrsRappelCl ient) ; 
?> 
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Realisation de la page login. php 

Hormis son interface et ses couleurs, la page login. php de I'espace administrateur est 
semblable a celle de I'espace publ ic. Des qu'il est identifie, 1' administrateur est redirige vers 
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Figure 8-53 

Test de la page commande. php dans le Web local. 



la page index. php du repertoire administrateur. Dans le cas ou 1' identification se revelerait 
negative, 1' administrateur est redirige vers une page erreur_login.php. 

Pour realiser ces fonctions, nous allons utiliser le comportement de serveur Connecter 
1 ' uti 1 i sateur. Un seul compte administrateur etant suffisant, il n'est pas necessaire de creer 
une page specifique pour l'ajout d'un compte administrateur. La configuration de l'unique 
compte administrateur sera realisee directement a l'aide du gestionnaire de bases de donnees 
phpMyAdmin (ajoutez par exemple un nouvel enregistrement dans la table cl i ents avec pour 
login admi n@ey rol 1 es . com, 1234 pour mot de passe, et comme statut admi n). 
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Procedure de creation de la page login. php 

1 . Avant de creer la page 1 ogi n . php, nous allons personnaliser celle vers laquelle sera redi- 
rige l'administrateur encas d'echec d'authentification. Ouvrez la page erreur_login.php 
situee dans le dossier administrateur (si elle n'existe pas, il faudra alors la creer a partir 
du modele Model eAdmin.dwt. php) , puis la detacher du modele afin qu'elle soit accessi- 
ble par tous. Ajoutez-y, en haut, un message informant T administrateur que son login est 
errone, ainsi qu'un lien hypertexte vers la page login. php. Si besoin, enregistrez-la sous 
le nom erreur_login.php. 

2. Ouvrez ensuite la page 1 ogi n . php situee dans le meme dossier (si elle n'existe pas, il fau- 
dra alors la creer a partir du modele Model eAdmi n . dwt . php ) , puis la detacher du modele 
afin qu'elle soit accessible par tous. 

3. Creation du formulaire de saisie - Inserez une zone de formulaire sous le titre de la page. 
Placez ensuite votre pointeur a l'interieur de la zone de formulaire, creez un tableau de 
4 lignes et 2 colonnes, puis fusionnez la premiere ligne. Saisissez les textes d'informa- 
tion dans chaque cellule en vous referant a la figure 8-54. Inserez ensuite deux champs 
de texte nommes emai 1 et pass, ainsi qu'un bouton de soumission (Val i der) et un champ 
masque nomme statut, avec admin comme valeurpar defaut (voir figure 8-54). 

4. Creation du comportement Connecter 1 'utilisateur - Depuis le panneau Comporte- 
ments de serveur, cliquez sur le + et selectionnez l'option Authentication de l'uti- 
1 i sateur, puis Connecter 1 ' uti 1 i sateur. 

5. Configuration du comportement de serveur - Dans les deux listes deroulantes, en haut du 
panneau de configuration, selectionnez les champs du formulaire, email et pass. Choi- 
sissez ensuite la connexion ConnexionBoutiquemx, la table clients et les deux colonnes 
de cette table qui correspondent aux parametres du compte, soit email et pass. En des- 
sous, indiquez les noms des ecrans vers lesquels sera redirige l'utilisateur en cas de suc- 
ces ou d'echec de l'authentification (voir figure 8-54). En bas du panneau, cochez 
l'option Nom d' utilisateur, mot de passe et niveau d'acces, et selectionnez le champ 
statut pour que celui-ci soit memorise dans la session. Cliquez sur le bouton OK pour 
valider vos choix. 

6. Test de la page dans le Web local - Enregistrez votre page et basculez sur le Web local 
pour tester le fonctionnement du systeme d'authentification. Cliquez sur le lien Admin 
dans le menu. La page index. php dont Faeces n'est pas encore configure devrait s'affi- 
cher. Saisissez directement dans la zone d'adresse du navigateur le nom de la page 
login. php a la place du nom index. php, puis appuyez sur la touche Entree de votre cla- 
vier. Afin de tester la redirection vers la page d'erreur (erreur_login.php), commencez 
par ecrire un login ou mot de passe incorrect dans le formulaire d'acces. Revenez a la 
page de login en cliquant sur le lien de la page d'erreur, et entrez maintenant le login et le 
mot de passe prealablement enregistres dans la base, avec comme statut admin (dans le 
jeu de donnees disponible sur le site Eyrolles, un administrateur est deja configure avec 
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Figure 8-54 

1 login.php de Vespace administrates 



admin@eyrolles.com comme login, et 1234 comme mot de passe). Confirmez ensuite vos 
parametres en cliquant sur le bouton Val ider. Si le systeme fonctionne, vous devriez etre 
redirige vers la page index. php. 



Modification du modele de I'interface administrateur 

La page login.php verifie que les parametres de l'utilisateur sont corrects, et enregistre son 
e-mail et son statut dans des variables de session. II faut maintenant ajouter dans chaque page 
de l'espace administrateur un controle de cette authentification, afin de restreindre Faeces a 
toutes les pages d' administration. Pour eviter de repeter 1' operation pour chaque page, nous 
allons modifier le modele utilise pour creer les differentes pages de l'espace administrateur. 
Cependant, il faudra veiller a ce que les pages login.php et erreur_login.php restent acces- 
sibles par tous. Pour cela, il suffit de detacher du modele Admi n ces deux pages afin que le 
script de controle de 1' authentification ne soit pas integre dans le code. 
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Procedure de modification du modele de I'espace administrateur 
ModeleAdmin.dwt.php 

1. Ouverture du modele -Cliquez surl'onglet Actifs dupanneau Fichiers, puis surlebou- 
ton Modele situe en bas et a gauche de la fenetre Actifs. Double-cliquez sur le modele 
Model eAdmin a l'interieur de la fenetre. II doit alors s'afficher dans la fenetre document 
(vous pouvez aussi cliquer directement sur le modele Admin situe dans le repertoire Tem- 
pi ates de l'onglet Fi chi ers du meme panneau). 

2. Configuration du comportement serveur Restreindre l'acces a la page - Cliquez sur 
le bouton + du panneau Application/Comportements de serveur, selectionnez Authenti - 
fication de 1 'utilisateur puis Restreindre l'acces a la page. Dans la zone Res- 
treindre en fonction de, choisissez l'option Norn d'utilisateur, mot de passe et 
ni veau d ' acces. Cliquez ensuite sur le bouton Def i ni r et ajoutez le niveau admi n dans la 
boite de dialogue (cliquez d'abord sur le bouton + puis saisissez admin dans le champ du 
bas avant de valider en cliquant sur OK). Renseignez la derniere zone Si 1 'acces est 
refuse, allez a en indiquant le fichier login.php, et cliquez sur OK pour confirmer la 
configuration du comportement (voir figure 8-55). Ainsi configurees, toutes les pages 
creees a partir du modele administrateur ne pourront etre accessibles que par un utilisa- 
teur ayant pour statut admi n. 

3. Configuration du comportement serveur Deconnecter 1 ' uti 1 i sateur - Afin que l'admi- 
nistrateur puisse se deconnecter facilement, nous allons ajouter un comportement serveur 
qui lui permettra d'annuler son authentification d'un simple clic. Commencez par ajouter 
le mot logout au-dessus de la zone modifiable du modele, puis selectionnez ce mot 
(vous pouvez voir l'emplacement du lien logout dans la figure 8-56). Cliquez sur le 
bouton + du panneau Appl i cati on/Comportements de serveur et selectionnez Authenti - 
fication de 1 'utilisateur, puis Deconnecter 1 'utilisateur. Dans la boite de dialogue, 
cochez l'option Lien clique et assurez-vous que le mot logout est affiche dans le menu 
deroulant. Dans la zone Une fois termine, allez a, saisissez le nom du fichier 
1 ogi n . php. Validez vos choix en cliquant sur le bouton OK. 

4. Enregistrez les modifications apportees au modele (Ctrl + S). Cliquez sur le bouton 
Mettre a jour pour corriger les fichiers qui ont ete elabores a partir de ce modele. Cli- 
quez ensuite sur le bouton Fermer dans la seconde fenetre, qui vous informe que les 
mises a jour ont ete effectuees. Afin que le script situe au-dessus de la balise <html> soit 
integre dans le code, nous allons creer (ou recreer) chacune des pages de I'espace admi- 
nistrateur (sauf login.php et erreur_login.php qui doivent etre detachees du modele) a 
partir du nouveau modele, en respectant la casse des noms de fichier (revoir nomencla- 
ture du tableau 8-9). 



o. 

c 
O 



PHP/MySQL avec Dreamweaver 8 



HTf* * — J ■ ■ 



^Cd* —Pattmnx _JOe*nn Jj lln : KPKE 



r |P. St «L c EL «& 



^■^j^^.ftj ■ P. ..^^l — LiS!;-. — Bff IW BW-.„.HH.. JJJ .BW, ffl*..,..^KB ■BH. IJ ....BW H*: fM......a! .Tffi 



Boutique 



P.|JJIJ!.l»l II 



xxxxxx 





^^j)^ 




1 «j, 




1 •* | 




| P*tflrf». .. [ 










f 1. fllCBBHlJl hMJltaWt. 

4. Otou M 1*6*** Pb* ('*) (t-tf 



(zs: 



f-ari 




Figure 8-55 

Configuration du comportement serveur Restreindre Faeces a la page dans le modele de 1 'espace administrateur. 



Attention au double session startQ : 

Selon la configuration de votre serveur, le message suivant « A session had already been started 
- ignoring session_start() » peut s'afficher lors de vos tests. Vous devrez commenter le deuxieme 
appel a la fonction session_start() ajoute automatiquement par Dreamweaver dans le second 
comportement serveur, comme dans I'exemple ci-dessous : 

<?php 

//session_start( ) ; 2eme instruction session_start() a neutraliser 

$MM_authorizedUsers = "admin"; 
$MM_donotCheckaccess = "false"; 
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Realisation de la page index.php 

La page index.php est appelee lorsqu'on clique sur le lien admin situe dans le menu public. 
Aucune fonction particuliere n'est integree dans cette page, hormis le controle du statut de 
l'utilisateur, comme toutes les pages de l'espace Administrateur. Vous pouvez d'ailleurs 
vous assurer que les scripts des comportements serveur Restreindre l'acces a la page et 
Deconnecter 1 ' uti 1 i sateur, ajoutes precedemment au modele, sont bien presents en haut de 
la page index.php et dans le panneau des comportements de serveur (voir figure 8-56). 




Figure 8-56 

Le code de la page d'accueil comporte deux comportements serveur d'authentification des utilisateurs, comme 
toutes les pages de l'espace administrateur. 
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Realisation de la page ArticlesGestion.php 

La page Arti cl esGesti on . php sert a gerer les articles du catalogue (ajout, suppression, modi- 
fication). Elle est constituee d'un tableau listant tous les articles du catalogue avec, en regard 
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de chaque ligne, un lien hypertexte qui permet de supprimer ou modifier l'article. Pour l'addi- 
tion d'un nouveau produit, un lien specifique est integre en bas du tableau afin d'afficher le 
formulaire d'ajout. Le nombre d' articles pouvant devenir important, une barre de navigation 
limite Faffichage a dix elements par page. 

Procedure de creation de la page ArticlesGestion.php 

1. Ouvrez la page ArticlesGestion.php situee dans le dossier administrateur. 

2. Configuration du jeu d'enregistrements pour recuperer les identifiants des commandes 
du client - Cliquez sur le bouton + du panneau Li ai sons pour creer un nouveau jeu. Ren- 
seignez les zones de saisie selon les parametres indiques dans le tableau ci-dessous (voir 
figure 8-57). Apres la creation du jeu, assurez-vous que ses variables sont desormais dis- 
ponibles dans la fenetre du panneau Liaisons. 

Tableau 8-18 - Parametres du jeu d'enregistrements rsListeArticle 



Zone 


Valeur 


Com menta ires 


Nom 


rsListeArticle 




Connexion 


ConnexionBoutiquemx 




Table 


articles 




Colonnes 


selectionnees : 

reference 

titre 


Pour alimenter le tableau d'affichage des articles, nous avons besoin 
uniquement des champs reference et titre. 


Filtre 


Aucun 


Nous desirons recuperer tous les enregistrements. 


Trier 


reference/Croissant 


Ainsi, les articles affiches sont tries par ordre alphabetique selon leur 
reference. 



Creation du tableau qui contient les articles a gerer- Placez-vous dans la fenetre du 
document en mode Creati on et construisez un tableau de 4 lignes et 4 colonnes. Saisissez 
le texte des titres de chaque colonne en vous referant a la figure 8-58. Fusionnez les troi- 
sieme et quatrieme lignes, puis inserez une barre pour separer les articles sur la troisieme 
ligne. Inserez ensuite le texte Pour ajouter un article, cliquez ici : sur la derniere 
ligne. Apportez des icones de votre choix dans les colonnes Supprimer et Modifier, ainsi 
qu'a droite du texte destine a l'ajout. Enfin, depuis le panneau Liaisons, glissez les varia- 
bles reference et titre dans les cellules correspondantes du tableau (voir figure 8- 58). 

Creation d'une region repetee pour afficher tous les articles dans le tableau - Selection- 
nez les deuxieme et troisieme lignes du tableau, puis cliquez sur le bouton + du panneau 
Comportements de serveur et selectionnez Region repetee dans la liste du menu. Choi- 
sissez le jeu d'enregistrements rsListeArticle dans la boite de dialogue, ainsi que 
1' option Afficher deux enregistrements a la fois (parametre que vous pouvez evi- 
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Figure 8-57 

Parametrage dujeu d'enregistrements rsListeArticle. 
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demment modifier par la suite), puis validez votre configuration. Un cadre Repeter appa- 
rait autour des deux lignes initialement selectionnees. 

Creation d'un lien hypertexte dynamique pour supprimer un article (voir reperes 1 a 5 de 
la figure 8-59) - Selectionnez l'icone de lacolonne supprimer. Dans lepanneau Proprie- 
tes, cliquez sur le petit dossier jaune, a droite du champ Lien. Dans la boite de dialogue 
Selectionner un fichier, choisissez ArticleGestion.php, puis cliquez sur le bouton 
Parametres a droite du champ URL. Dans la boite de dialogue Parametres, saisissez sup- 
pArticle dans la premiere colonne, puis passez dans la deuxieme et entrez OK. Cliquez 
ensuite sur le bouton + afin d'ajouter un deuxieme parametre. Tapez articleReference 
dans la premiere colonne, puis passez dans la deuxieme et cliquez sur le bouton avec 
l'eclair. Enfin, dans la boite de dialogue Donnees dynamiques, selectionnez le champ 
reference dujeu d'enregistrements rsListeArticle (voir figure 8-59). Validez ensuite 
toutes les boites successivement. 
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Figure 8-58 

Creation du tableau d'affichage des articles a gerer. 



6. Creation d'un lien hypertexte dynamique pour modifier un article (voir reperes 1 a 5 de 
la figure 8-60) - La demarche est semblable a la precedente, sauf que le lien appelle une 
page specifique integrant un formulaire de modification, et non pas la page ArticleGes- 
tion.php comme le lien de suppression. Selectionnez l'icone de la colonne modifier. 
Dans le panneau Proprietes, cliquez sur le petit dossier jaune, a droite du champ Lien. 
Dans la boite de dialogue Selectionner un fichier, selectionnez le fichier ArticleMo- 
dif .php, puis cliquez sur le bouton Parametres a droite du champ URL. Dans la boite de 
dialogue Parametres, saisissez articleReference dans la premiere colonne, puis passez 
dans la deuxieme colonne et cliquez sur le bouton avec 1' eclair. Enfin, dans la boite de 
dialogue Donnees dynamiques, choisissez le champ reference du jeu d'enregistrements 
rsListeArticle (voir figure 8- 60). Validez ensuite toutes les boites successivement. 

7. Creation d'un lien hypertexte statique pour ajouter un article - Le lien d'ajout d'un arti- 
cle appelle simplement un formulaire d'insertion de donnees dans la base (ArticlesA- 
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Figure 8-59 

Creation d'un lien hypertexte dynamique pour la suppression d'un article. 
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jout.php). Selectionnez l'icone d'ajout puis, dans le panneau Proprietes, cliquez sur le 
petit dossier jaune a droite du champ Lien. Dans la boite de dialogue Selectionner un 
fichier, choisissez ArticlesAjout.php puis cliquez sur le bouton OK pour valider votre 
choix. 

Configuration du comportement de suppression d'un article - Cliquez sur le bouton + 
dans le panneau Comportements de serveur, et selectionnez Supprimer 1 'enregistre- 
ment. Dans la boite de dialogue du comportement, choisissez l'option Parametre d'URL 
dans la zone Verifier aii prealable si la variable est definie (voir figure 8-61). 
Dans le champ de droite, indiquez le nom du parametre qui a ete precedemment integre 
dans le lien dynamique de suppression, soit suppArticle. Optez ensuite pour la con- 
nexion ConnexionBoutiquemx et la table articles. Dans la zone Colonne de la cle pri- 
mai re, selectionnez le champ reference et dans la zone Valeur de la cle primaire, 
l'option Parametre d'URL ; indiquez le parametre articleReference dans le champ situe 
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Figure 8-60 

Creation d'un lien hypertexte dynamique pour la modification d'un article. 



a droite. Enfin, ne mentionnez pas de fichier dans la derniere zone Apres la suppres- 
sion, aller a, car Taction de suppression de l'enregistrement etant integree a la page 
ArticlesGestion.php, c'est done cette meme page qui sera affichee apres cette action. 
Validez votre configuration en cliquant sur le bouton OK. 

9. Configuration de la barre de navigation - Placez votre pointeur en dessous du tableau 
d'affichage. Cliquez sur le bouton Barre de navigation du jeu d'enregistrement 
depuis la barre d'outils Insertion/Application. Selectionnez le jeu d'enregistrements 
rsListeArticle et l'option Afficher a l'aide d' images, puis validez votre configura- 
tion en cliquant sur le bouton OK (voir figure 8-62). 



10. Test final de la page 
figure 8-63). 



Enregistrez votre page et testez-la dans le Web local (voir 
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Figure 8-61 

Configuration du comportement de suppression d'un articl 
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Figure 8-62 

Ajout de la barre de navigation. 



PHP/MySQL avec Dreamweaver 8 



3 [SPACE ADMIN wkrwofl Internal Explorer 



^iPrt<Mtnto * & i*3 1e] fjl ^ Ftedwdw ^f*wws Ij^Wb ^ 



flOK 



Boutique [ ^^ 



Articles Clients Commande Public 



GESTION DES ARTICLES 

















RtHurtJiiCB 




Ttlre 






Siirmrlriic 


AUTOJMD1 




M'-'h ;in els mon pare 






■ 


■ 


AUTOJMD2 




Guilds <te la Mefran 






■ 


■ 




Pour ajou' 


■er un article, cliques 


Cl 


■ 







Figure 8-63 

Test de la page Arti.clesGestion.php dans le Web local. 



Realisation de la page ArticlesAjout.php 

La page ArticlesAjout.php permet d'inserer un nouvel article dans la base de donnees. Cet 
ecran est appele grace au lien hypertexte precedemment integre dans la page ArticlesGes- 
tion.php. Comme ce formulaire comprend un element dynamique (le menu de selection du 
theme) et impose une requete SQL specifique pour la gestion de la photo, nous n'utilisons pas 
de comportement de serveur standard, mais un script developpe sur mesure afin d' assurer la 
fonction d'ajout des nouveaux produits. 

Procedure de creation de la page ArticlesAjout.php 

1. Ouvrez la page ArticlesAjout.php situee dans le dossier administrateur. 

2. Creation du formulaire d'ajout d'un article - Placez-vous dans la fenetre du document en 
mode Creation et inserez une zone de formulaire ; entrez dans cette zone et creez un 
tableau de 8 lignes et 2 colonnes. Fusionnez la derniere ligne et saisissez les differentes 
informations dans la colonne de gauche du tableau, en vous referant a la figure 8-64. 
Inserez les elements de formulaire en vous reportant au tableau 8-19 pour connaitre leur 
type et leur nom (attention, le champ photo est un champ de fichier et non un simple 
champ de texte). II est a noter que nous ajoutons un champ masque supplementaire, pour 
indiquer au script d'insertion que la validation a bien ete effectuee (voir figure 8-64). 
Selectionnez le formulaire a l'aide du selecteur de balise situe en bas de la fenetre du 
document, et configurez la zone Action avec ArticlesAjout.php et choisissez lamethode 
POST. 
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Tableau 8-19 - Parametrage des elements du formulaire d'ajout d'un article 



Nom de I'element 


Type 


Attributs 


Valeur par defaut 


reference 


Champ texte 


Lar. Caract.=30 




titre 


Champ texte 


Lar. Caract -30 




auteur 


Champ texte 


Lar. Caract.=50 




description 


Zone de texte 


Lar. Caract.=30 
Multilignes 
Nb de ligne=4 




prix 


Champ texte 


Lar. Caract.=5 




rubriquelD 


Menu deroulant 


Element dynamique 




photo 


Champ fichier 






ajoutArticle 


Champ masque 




ok 



Configuration du jeu d'enregistrements rsSelectTheme destine a recuperer la liste des 
differents themes - Cliquez sur le bouton + du panneau Liaisons pour creer un nouveau 
jeu. Renseignez les zones de saisie selon les parametres indiques dans le tableau 8-20 
(voir figure 8-65). 

Tableau 8-20 - Parametres du jeu d'enregistrements rsSelectTheme 



Zone 


Valeur 


Commentaires 


Nom 


rsSelectTheme 




Connexion 


ConnexionBoutiquemx 




Table 


rubriques 




Colonnes 


Toutes 


Pour alimenter le menu deroulant de selection des themes, nous avons 
besoin de son identifiant et du nom du theme. 


Filtre 


Aucun 


Nous desirons recuperer tous les enregistrements. 


Trier 


theme/Croissant 


Ainsi, les themes du menu sont tries par ordre alphabetique selon leur 
nom. 
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Configuration du menu deroulant dynamique- Selectionnez le menu deroulant rubri- 
quelD et cliquez sur le bouton Dynamique du panneau Proprietes. Dans la boite de dialo- 
gue Liste/Menu dynamique, selectionnez le jeu rsSelectTheme, puis les valeurs ID pour la 
zone Val eurs, et theme pour la zone Etiquettes (voir figure 8-66). Validez votre choix en 
cliquant sur le bouton OK. Assurez-vous que le nouveau comportement est ajoute dans le 
panneau Comportements de serveur, et que le menu deroulant est desormais bleu (ce qui 
signifie qu'il s'agit d'un element dynamique). 
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Figure 8-64 

Creation duformulaire d'ajout d'un article et configuration du champ masque ajoutArticle. 



Figure 8-65 

Configuration de la 
boite de dialogue dujeu 
d 'enregistrements 
rsSelectTheme. 













Nom: ESaaiiEiiS 


_J 




1 OK 1 




1 




connexion : IcomexlofiBDUtiquefriK 


~\\oefw«.. 


| Annwter | 










Table : '..:: :, K3 
Cultures : (•) Touts! O Sfiectionnaes : 


- 




| Tester 








1 Auflrifft... 1 


|lD 






1 *ide I 






FUre i |Aucun v 














f~ 












Trier i |thwme v oanszrt 




v 









© 

CO 

o 
o 

O 



Etude de cas : la boutique MX 



Chapitre 8 




Figure 8-66 

Configuration de la boite de dialogue du menu deroulant dynamique de selection des themes. 
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Gestion des telechargements de fichier en PHP 

Nous avons deja presente le tableau $ FILESC ' photo'] dans le chapitre 5. Cependant, nous avons 
juge utile de vous rappeler la structure de ce tableau pour bien comprendre le fonctionnement du script de 
gestion des photos de la boutique MX. 

Pour telecharger un fichier sur le serveur depuis un poste client, avec la variable d'environnement 
$_FILES['file'], il faut utiliser un formulaire configure en methode POST, et structure de la maniere 
suivante : 

<F0RM ENCTYPE-"multipart/form-dati" ACTION-"ArticlesAjout.php" METH0D-P0ST> 
Photo : <INPUT NAME-"photo" TYPE-"file"> 
<INPUT TYPE-"submit" VALUE-"ENVOYER"> 
</F0RM> 
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Lors de la soumission du formulaire, le fichier telecharge est place dans un repertoire temporaire du 
serveur. Le script de gestion du telechargement (dans notre exemple, il s'agit de ArticlesAjout.php) 
peut alors gerer le fichier grace aux informations disponibles dans la variable d'environnement FILE (soit 
$_FI LES [ ' photo ' ] dans notre exemple). Ces informations sont organisees dans un tableau de tableaux 
dont le nom du tableau pere sera celui du champ du formulaire (soit photo dans notre cas). Si nous repre- 
nons notre exemple, les informations suivantes seront disponibles : 

$_FILES['photo'] ['name'] : Le nom du fichier original. 

$_FI LES ['photo'] ['type'] : Le type MIME du fichier. 

$_FILES['photo'] ['size'] : La taille du fichier. 

$_FILES['photo'] ['tmp_name'] : Le nom temporaire du fichier. 

Ainsi, il est possible de faire des tests sur la taille ou le type du fichier, par exemple avant de le copier 
(avec copyO ou avec move_uploaded_file()) dans son repertoire definitif. Si le fichier n'a pas ete 
deplace a la fin du script, il sera automatiquement supprime du repertoire temporaire. 

A noter qu'il est aussi possible de preciser la taille maximale du fichier dans le formulaire en integrant la 
balise suivante avant le champ de type FILE : 

<INPUT TYPE-"hidden" name-"MAX_FILE_SIZE" value-"1000"> 



Integration du script d' insertion du formulaire - Nous allons cette fois utiliser le mode 
Code pour integrer les fonctions PHP et la requete SQL destinee a inserer les donnees 
dans la base. En effet, nous devons modifier les parametres du champ photo : pour inse- 
rer son nom (a noter que $photo['photo']['name'] est initialise avec la valeur de 
$_FILES['photo'] ['name'] au debut du fichier) dans la base de donnees, mais aussi 
pour copier la photo dans le repertoire /images/ du serveur. II est judicieux d'utiliser 
pour cela une procedure d'insertion sur mesure et non un comportement standard. 
D'autre part, afin d'eviter l'ajout d'article redondant, une premiere requete SELECT 
s'assure que la reference n'existe pas dans la base. Dans le cas ou elle serait deja enregis- 
tree, un message d'erreur s'affiche a l'ecran. Pour l'integration du script, il suffit de sai- 
sir la premiere partie de code ci-dessous (gestion de l'ajout) dans le haut de la page 
AjoutArticle.php, et la deuxieme partie (affichage du message d'erreur) juste apres le 
code du menu administrateur. II est a noter que, lorsque vous installerez ce site sur un 
serveur distant, il faudra changer les droits d'ecriture du repertoire images (CHMOD) pour 
pouvoir enregistrer sur le serveur le fichier de la photo, a l'aide de ce formulaire. Pour 
cela, la nouvelle version 8 permet desormais de changer les droits d'un repertoire facile- 
ment, depuis 1' interface de transfert de Dreamweaver. II suffit de faire un clic droit sur le 
repertoire concerne cote distant, puis de selectionner Def i ni r 1 es droi ts et de cocher les 
options desirees. 

De meme, en ce qui concerne la fonction permettant de copier le fichier de la photo tele- 
chargee dans le repertoire /images/, vous pouvez utiliser la fonction copy ou la fonction 
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move_upl oaded_f i 1 e (comme dans l'exemple ci-dessous) selon la configuration de votre 
serveur. 

Voici le script qui gere l'ajout d'un nouvel article : 

<?php 

if ($ajoutArticle=="ok" ) 

{ 

//selection de la base de donnees 

mysql_select_db($database_ConnexionBoutiquemx, $ConnexionBoutiquemx) ; 
//verification si la reference existe deja dans la base 
$query_rsReference = "SELECT reference FROM articles WHERE reference = 
Preference' "; 

IrsReference = mysql_query($query_rsReference, $ConnexionBoutiquemx) or 
die(mysql_error( ) ) ; 

Stotal Rows_rsReference = mysql_num_rows($rsReference) ; 
//si la reference n'existe pas encore alors : 
if ($total Rows_rsReference==0) 
{ 

//test si un fichier photo est selectionne sinon c'est une photo par 
defaut 

if ( $photo [' photo '][' si ze']!=0) 
$photo_name=$photo[ ' photo' ][ 'name' ] ; 
el se $photo_name="photoO . jpg" ; 

//enregistrement dans la base du nouveau compte client 
mysql_select_db($database_ConnexionBoutiquemx, $ConnexionBoutiquemx) ; 
SinsertArticles = "INSERT INTO articles (reference, titre, auteur, 
description, prix, rubriquelD, photo ) VALUES ( ' $reference' , '$titre', 'Sauteur', 
' $description' , '$prix', 'SrubriquelD' , '$photo_name' )" ; 

mysql_query($insertArticl es , $ConnexionBoutiquemx) or 
die(mysql_error( ) ) ; 

// Gestion de la photo de 1 'article si el 1 e a ete modifiee 

if ( $photo[ 'photo' ][' size' ]!=0) 

{//s'il y a une photo, alors el 1 e est copiee dans le repertoire Images 

$repertoire=" .. /images/" ; 



move_uploaded_file($photo[ 'photo' ][ ' tmp_name' ] ,$repertoi re.$photo[ 'photo' ][ 'name' 
]); 

} 

//redirection vers la page ArticlesGestion.php 
header (" Location: ArticlesGestion.php" ) ; 
}//fin du if 
//si la reference existe deja alors active un message d'erreur 
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{ 
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) 
?> 



$erreur_ref erence=l ; 
} 



Voici maintenant le script d'affichage du message d'erreur : 

<?php 

if ($erreur_reference— 1) 

{ 

?> 

<p> La référence <?php echo $reference ?> existe 
dé jà dans notre base articles. <br> 

Choisissez une autre réfé rence ou modifiez la fiche de 
1 'article dé jà créé .<br> 

</p> 

<?php 

$erreur_reference-0; //raz du drapeau d'erreur 

} 
?> 



5. Initialisation des variables et test final de la page - Depuis PHP 4.2, toutes les variables 
utilisees dans une page doivent etre prealablement initialisees, au risque de voir apparai- 
tre a l'ecran des messages d'erreur. Pour eviter ces problemes, vous devez inserer en 
haut de la page le code d'initialisation ci-apres. Passez maintenant dans le Web local 
pour tester le fonctionnement du formulaire dans le navigateur (voir figures 8-67 et 8- 
68). 

//init des variables 

if (! isset($_POST[ ' reference' ]) ) $reference="" ; else 

$reference=$_POST[ ' reference' ] ; 

if(!isset($_POST['titre'])) $titre=""; else $titre=$_POST[ 'titre' ] ; 

if(!isset($_POST['auteur'])) $auteur=""; else $auteur=$„POST[ 'auteur' ] ; 

if ( !isset($_POST[ 'description' ]) ) $description="" ; else 

$description=$_POST[ 'description '] ; 

if(!isset($_POST['prix'])) $prix=""; else $prix=$_P0ST[ 'prix' ] ; 

if(!isset($_POST['rubriqueID'])) $rubriqueID="" ; else 

$rubriqueID=$_POST['rubriqueID']; 

if ( ! isset($_POST[ 'ajoutArticle' ] ) ) $ajoutArticle="non" ; el se 

$a j out Art i cl e=$_P0ST[ ' a joutArti cl e ' ] ; 

if ( ! isset($_FILES[ 'photo' ])) $photo[' photo' ]=array( 'name'=>' ' , 'size'=>0) ; el se 

$photo[ 'photo' ]=$_FILES[ 'photo']; 
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if ( !isset($erreur_reference)) $erreur_reference=0; 

if(!isset($_POST['ajoutArticle'])) $ajoutArticle="' 
$a j out Art i cl e=$_P0ST[ ' a j out Art i cl e ' ] ; 

// 



el se 



Figure 8-67 

Pour tester le 
fonctionnement du 
formulaire d'insertion 
de donnees dans la 
base, vous devez passer 
en Web Local et saisir 
les informations d'un 
nouvel article dans le 
formulaire. 
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Figure 8-68 

Apres I'enregistrement 
dans la base de 
donnees, la page 
A rtidesGestion.php doit 
s 'qfficher avec le 
nouveau produit en bas 
de la lisle. 
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Realisation de la page ArticlesModif.php 

La page ArticlesModif.php permet de modifier un article deja enregistre dans la base de 
donnees. Cet ecran est appele grace au lien hypertexte dynamique integre dans la page Arti - 
clesGestion.php. Ce lien est accompagne d'un parametre d'URL qui indique la reference de 
l'article concerne (articleReference). La creation du formulaire est semblable a celle du 
formulaire d'ajout, sauf qu'il faut initialiser les champs par leurs valeurs actuellement memori- 
sees dans la base de donnees. II est a noter aussi que le champ reference etant la cle primaire qui 
identifie l'article, il ne peut pas etre modifie avec ce formulaire. Enfin, afin de mieux apprecier 
la photo du livre deja enregistree dans la base, nous l'afficherons dans la page de modification. 

Procedure de creation de la page ArticlesModif.php 

1. Ouvrez la page ArticlesModif.php situee dans le dossier administrates. 

2. Configuration du jeu d'enregistrements rsRecupArticles pour recuperer les valeurs 
actuelles de l'article - Cliquez sur le bouton + du panneau Liaisons pour creer un nou- 
veau jeu. Renseignez les zones de saisie selon les parametres indiques dans le tableau ri- 
des sous (voir figure 8-69). 



Figure 8-69 
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Tableau 8-21 - Parametres du jeu d'enregistrements rsRecupArticles 



Zone 


Valeur 


Commentaires 


Nom 


rsRecupArticles 




Connexion 


ConnexionBoutiquemx 




Table 


articles 




Colonnes 


Toutes 


Pour alimenter les valeurs par defaut des differents champs, nous 
avons besoin de toutes les colonnes de la table articles. 


Filtre 


reference = 
Parametre d'URL: 
articleReference 


Nous desirons recuperer uniquement I'enregistrement concernant 
l'article selectionne et dont la reference a ete passee en parametre 
d'URL par la variable articleReference. 


Trier 


Aucun 
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Configuration du jeu d'enregistrements rsSelectTheme pour recuperer la liste des diffe- 
rents themes - Cliquez sur le bouton + du panneau Liaisons et selectionnez l'option jeu 
d'enregistrements pour creer un nouveau jeu. Renseignez les zones de saisie selon les 
parametres indiques dans le tableau ci-dessous. 

Tableau 8-22 - Parametres du jeu d'enregistrements rsSelectTheme 



Zone 


Valeur 


Commentaires 


Norn 


rsSelectTheme 




Connexion 


ConnexionBoutiquemx 




Table 


rubriques 




Colonnes 


Toutes 


Pour alimenter le menu deroulant de selection des themes, nous avons 
besoin de son identifiant et du nom du theme. 


Filtre 


Aucun 


Nous desirons recuperer tous les enregistrements. 


Trier 


theme/Croissant 


Ainsi, les themes du menu sont tries par ordre alphabetique selon leur 
nom. 



4. Creation du formulaire de modification d'un article - Placez-vous dans la fenetre du 
document en mode Creation et inserez une zone de formulaire ; entrez dans cette zone et 
creez un tableau de 8 lignes et 3 colonnes. Fusionnez la derniere ligne ainsi que les sept 
colonnes de droite. Saisissez les informations dans la colonne de gauche du tableau en 
vous referant a la figure 8-70. Inserez les elements de formulaire selon les informations 
du tableau 8-23. Pour le parametrage des valeurs par defaut, selectionnez l'element de 
formulaire a configurer, puis choisissez, dans la fenetre Liaisons, la variable du jeu 
d'enregistrements rsRecupArticle correspondante. Cliquez sur le bouton Lier situe en 
bas de la fenetre Liaisons (voir figure 8-70). Une autre maniere, pour configurer les 
valeurs par defaut d'un champ de formulaire, consiste a glisser simplement les variables 
de la fenetre Li ai sons vers le champ du formulaire. Renouvelez F operation pour tous les 
elements (titre, auteur, description et prix du formulaire). 

Tableau 8-23 - Parametrage des elements du formulaire d'ajout d'un article 



c 
O 



Nomde 
l'element 


Type 


Attributs 


Valeur par defaut 




titre 


Champ texte 


Lar. Caract.=30 


<?php echo $row_rsRecupArticle['titre']; ?> 




auteur 


Champ texte 


Lar. Caract.=50 


<?php echo $row_rsRecupArticle['auteur']; ?> 




description 


Zone de texte 


Lar. Caract.=30 
Multilignes 
Nb de ligne=4 


<?php echo $row_rsRecupArticle['description'] 


?> 


prix 


Champ texte 


Lar. Caract.=5 


<?php echo $row_rsRecupArticle['prix']; ?> 




rubriquelD 


Menu 
deroulant 


Lar. Caract.=30 


<?php echo $row_rsRecupArticle['rubriquelD']; 


?> 
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Tableau 8-23 - Parametrage des elements du formulaire d'ajout d'un article (suite) 


Nomde 
relement 


Type 


Attributs Valeur par defaut 


photo 


Champ fichier 


Lar. Caract -30 


modif Article 


Champ 
masque 


ok 
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Figure 8-70 

Creation du formulaire de modification d'un article. Parametrage de la valeur par defaut du champ prix. 

5. Configuration du menu deroulant dynamique (voir reperes 1 a 4 de la figure 8-71) — 
Selectionnez le menu deroulant rubriquelD et cliquez sur le bouton Dynamique du pan- 
neau Proprietes. Dans la boite de dialogue Liste/Menu dynamique, selectionnez le jeu 
rsSelectTheme, puis les valeurs ID pour la zone Valeur et theme pour la zone Etiquette 
(voir figure 8-71). Pour le parametrage de la zone Selectionner une valeur egale a, cli- 
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quez sur l'eclair a droite du champ. Puis, dans la boite de dialogue Donnees dynamiques, 
selectionnez la variable rubriquelD dujeu d'enregistrements rsRecupArticles, et validez 
successivement les choix des deux boites de dialogue. 




Figure 8-71 

Configuration du menu deroulant dynamique. Parametrage de la valeur par defaut du champ rubriquelD. 



o- 

c 
O 



6. Configuration de la photo dynamique - Positionnez-vous dans la cellule de droite du 
tableau, et cliquez sur le bouton Espace reserve pour 1 'image dans la barre d'outils 
Insertion/Commun. Saisissez photo dans la zone Norn et validez en cliquant sur OK. Cliquez 
ensuite sur la variable photo du jeu rsRecupArticles dans la fenetre du panneau 
Liaisons, puis sur le bouton Lier. L'icone de la photo doit alors etre remplacee par celle 
d'une image dynamique (voir figure 8-72). 

7. Integration du script de mise a jour de la base - Comme pour la page d'ajout, nous allons 
saisir le script de mise a jour en mode Code pour qu'il soit parfaitement adapte a nos 
besoins. Remarquez que, dans ce script, la requete SQL (variable $updateArticles) est 
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Figure 8-72 

Configuration de la photo dynamique. 



elaboree en trois fois, afin d'actualiser la photo uniquement dans le cas oil un nouveau 
fichier est selectionne par l'administrateur. Pour ajouter le script de mise a jour, il suffit 
de saisir le code ci-apres dans le haut de la page modifArticle.php. 

<?php 

if ($modifArticle=="ok") 

{ 

//---Mise a jour dans la base 

mysql_select_db($database_ConnexionBoutiquemx, $ConnexionBoutiquemx) ; 

SupdateArticles = "UPDATE articles SET reference='$reference' , titre='$titre' , 
auteur=' $auteur ' , description='$description ' , prix=' $prix' , 
rubriqueID=' $rubriqueID' "; 

if ($photo['photo']['size']!=0) 

{//s'il y a une photo a mettre a jour, alors son nom est insere dans la base 
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$photo_name=$_FILES[ 'photo' ][ 'name' ] ; 

SupdateArticles .= ", photo=' $photo_name' " ; 

} 
SupdateArticles .= "WHERE reference='$reference' "; 
mysql_query($updateArticl es , SConnexionBoutiquemx) or die(mysql_error( ) ) ; 

// Gestion de la photo de 1 'article si elle a ete modifiee 

if ($photo[ 'photo' ][ 'size' ]!=0) 

{//s'il y a une photo a mettre a jour, alors elle est copiee dans le 
repertoire images 

$repertoi re=" . ./images/" ; 

move_uploaded_file($photo[ 'photo' ][ ' tmp_name' ] ,$repertoi re.$photo[ 'photo' ][ 'name' 
]); 

} 

// Redirection vers 1'ecran de Gestion des articles 

header ( "Location: articlesGestion.php") ; 
} 
?> 

8. Initialisation des variables et test de 1'ecran de mise a jour d'un article - Saisissez le code 
ci-dessous en haut de 1'ecran, a la suite des instructions d' initialisation des variables du 
modele administrateur. Passez maintenant dans le Web local pour tester le fonctionne- 
ment du formulaire de modification dans le navigateur (voir figure 8-73). Affichez 
d'abord 1'ecran de gestion des articles, en cliquant sur le lien Article du menu adminis- 
trateur, puis cliquez sur l'icone Modifier en regard de l'article de votre choix. Le formu- 
laire de mise a jour doit alors s'afficher avec les valeurs actuelles de l'article. Modifiez 
l'une de ces valeurs et cliquez sur le bouton Modifier (voir figure 8-73). Verifiez si vos 
corrections ont bien ete prises en compte, en renouvelant 1' operation pour le meme arti- 
cle. Testez ensuite le changement sur une photo de la meme maniere. 

//init des variables 

if ( !isset($_POST[ ' reference' ]) ) $reference="" ; else 

$reference=$_POST[ ' reference' ] ; 

if(!isset($_POST['titre'])) $titre=""; else $titre=$_POST[ ' ti tre' ] ; 

if(!isset($_POST['auteur'])) $auteur=""; else $auteur=$_POST[ ' auteur ' ] ; 

if ( !isset($_POST[ 'description' ]) ) $description="" ; else 

$description=$_POST[ 'description' ] ; 

if(!isset($_POST['prix'])) $prix=" n ; else $prix=$_P0ST[ 'prix' ] ; 

if(!isset($_POST['rubriqueID'])) $rubriqueID="" ; else 

$rubriqueID=$_POST['rubriqueID']; 
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if ( ! isset($_POST[ 'modifArticle' ] ) ) $modifArticle="non" ; el se 

$modi f Arti cl e=$_P0ST[ 'modi f Art i cl e ' ] ; 

if ( ! isset($_FILES[ 'photo' ] ) ) $photo[ 'photo' ]=array( 'name'=>' ' , 'size'=>0) ; el se 

$photo[ ' photo ']-$_FILES[' photo']; 

// 



Figure 8-73 

Pour tester le 
fonctionnement du 
formulaire de mise a 
jourd'un article, vous 
devez passer en Web 
local et modifier 
certaines informations 
d'un article deja 
enregistre. 
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Realisation de la page ClientsGestion.php 

La page de gestion des clients permet de modifier ou de supprimer un compte client (les ajouts 
de compte etant realises dans l'espace publ i c par le client lui-meme). La procedure de reali- 
sation de cette page est semblable a celle de la page ArticlesGestion.php, sauf que nous ne 
gerons pas les ajouts d'enregistrements dans le cas des clients. 

Procedure de creation de la page ClientsGestion.php 

1. Ouvrez la page ClientsGestion.php situee dans le dossier administrateur. 

2. Configuration du jeu d'enregistrements rsListeClients qui recupere les informations 
sur les clients - Cliquez sur le bouton + du panneau Li ai sons pour creer un nouveau jeu. 
Renseignez les zones de saisie selon les parametres indiques dans le tableau 8-24. 

Tableau 8-24 - Parametres du jeu d'enregistrements rsListeClients 



Zone Valeur 

Norn rsListeClients 

Connexion ConnexionBoutiquemx 



Commentaires 
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Tableau 8-24 - Parametres du jeu d'enregistrements rsListeClients (suite) 



Zone 




Valeur 


Commentaires 


Table 


clients 






Colonnes 


Selectionnees : 

ID 

nom 

email 

pass 


Pour alimenter le tableau d'affichage des clients, nous avons besoin 
uniquement des colonnes indiquees ci-contre. 


Filtre 


Aucun 




Nous desirons recuperer tous les enregistrements. 


Trier 


nom/Croissant 


Ainsi, les clients affiches sont tries par ordre alphabetique selon leur 
nom. 



Creation du tableau qui contient les clients a gerer (voir reperes 1 a 4 de la figure 8-86) - 
Placez-vous dans la fenetre du document en mode Creation et creez un tableau de 
4 lignes et 5 colonnes. Saisissez le texte des titres de chaque colonne en vous referant a la 
figure 8-74. Fusionnez les troisieme et quatrieme lignes, puis inserez une barre afin de 
separer les clients. Ajoutez des icones de votre choix dans les colonnes supprimer et 
modi f i er. Enfin, depuis le panneau Li ai sons, glissez les variables nom, emai 1 et pass dans 
les cellules correspondantes du tableau (voir figure 8-74). 



Figure 8-74 

Creation du tableau 
d'affichage des clients a 
gerer. 
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4. Configuration d'une region repetee pour afficher tous les clients dans le tableau - Selec- 
tionnez la deuxieme ligne du tableau, cliquez sur le bouton + du panneau comportements 
de serveur, et selectionnez Region repetee dans la liste du menu. Choisissez le jeu 
d'enregistrements rsListeClient dans la boite de dialogue, ainsi que l'option Afficher 
deux enregistrements a la fois, puis validez votre configuration. Un cadre Repeter 
apparait autour de la ligne initialement selectionnee (voir figure 8-75). 




Figure 8-75 

Creation d'une region repetee pour afficher tous les clients dans le tableau. 



5. Configuration d'un lien hypertexte dynamique pour supprimer un client - Selectionnez 
l'icone de la colonne supprimer. Dans le panneau Proprietes, cliquez sur le petit dossier 
jaune a droite du champ Lien. Dans la boite de dialogue Selectionner un fichier, choi- 
sissez ClientsGestion.php puis cliquez sur le bouton Parametres a droite du champ URL. 
Dans la boite de dialogue Parametres, saisissez suppClient dans la premiere colonne, 
puis passez dans la deuxieme colonne et entrez ok. Cliquez ensuite sur le bouton + afin 
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d'ajouter un deuxieme parametre. Saisissez cl ientID dans la premiere colonne, puis pas- 
sez dans la deuxieme colonne et cliquez sur le bouton avec l'eclair. Enfin, dans la boite 
de dialogue Donnees dynamiques, selectionnez le champ ID du jeu d'enregistrements 
rs Listed ient. Validez ensuite toutes les boites successivement. 

Configuration d'un lien hypertexte dynamique pour modifier un compte client - Selec- 
tionnez l'icone de la colonne modifier. Dans le panneau Proprietes, cliquez sur le petit 
dossier jaune a droite du champ Lien. Dans la boite de dialogue Selectionner un 
fichier, choisissez ClientsModif .php, puis cliquez sur le bouton Parametres a droite du 
champ URL. Dans la boite de dialogue Parametres, saisissez clientID dans la premiere 
colonne, puis passez dans la deuxieme colonne et cliquez sur le bouton avec l'eclair. 
Enfin, dans la boite de dialogue Donnees dynamiques, selectionnez le champ ID du jeu 
d'enregistrements rsListeClient. Validez ensuite toutes les boites successivement. 

7. Configuration du comportement de suppression d'un compte client- Cliquez sur le 
bouton + dans le panneau Comportements de serveur et selectionnez Supprimer 1 'enre- 
gi strement. Dans la boite de dialogue du comportement, selectionnez l'option Parametre 
d' URL dans la zone Verifier au prealable si la variable est definie. Dans le champ 
de droite, indiquez le nom du parametre qui a ete precedemment integre dans le lien 
dynamique de suppression, soit suppClient. Selectionnez ensuite la connexion Con- 
nexionBoutiquemx et la table clients. Dans la zone Colonne de la cle primai re, selec- 
tionnez le champ ID, et dans la zone Valeur de la cle primai re, selectionnez l'option 
Parametre d'URL. Indiquez le parametre cl ientID dans le champ situe a droite. Enfin, ne 
mentionnez pas de fichier dans la derniere zone, Apres la suppression, aller a. Vali- 
dez votre configuration en cliquant sur le bouton OK. 

8. Configuration d'une barre de navigation- Placez votre pointeur en dessous du tableau 
d'affichage. Cliquez sur le bouton Bar re de navigation d'un enregi strement depuis la 
barre d'outils Insertion/Application. Selectionnez le jeu d'enregistrements rsLis- 
teClient et l'option Afficher a l'aide d 'images, puis valider votre configuration en cli- 
quant sur le bouton OK (voir figure 8-76). 

9. Test final de la page - Enregistrez votre page et testez-la dans le Web local (voir 
figure 8-77). Avant de commencer les tests, nous vous invitons a passer dans l'espace 
publ i c, afin de creer de nouveaux comptes dedies aux tests de suppression. 

Realisation de la page ClientsModif. php 

La page Cl ientsModif .php permet de mettre a jour les differentes informations d'un compte 
client, y compris son mot de passe. La realisation de cette page est beaucoup plus simple que 
celle de la page ArticlesModif .php, car nous n'avons pas de photo a gerer, ni de menu dyna- 
mique. Nous pouvons done utiliser avantageusement les comportements de Dreamweaver, 
dans ce cas. 
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Figure 8-76 

Creation de la page ClientsModif.php. 



Figure 8-77 

res/ rfe la page 
ClientsGestion.php dans 
le Web local. 
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Procedure de creation de la page ClientsModif.php 

1. Ouvrez la page CI ientsModif .php situee dans le dossier administrateur. 

2. Configuration du jeu d'enregistrements rsRecupCl ient qui recupere les valeurs actuelles 
d'un client- Cliquez sur le bouton+ du panneau Liaisons pour creer un nouveau jeu. 
Renseignez les zones de saisie selon les parametres indiques dans le tableau ci-dessous 
(voir figure 8-78). 

Tableau 8-25 - Parametres du jeu d'enregistrements rsRecupClient 



Zone 


Valeur 


Commentaires 


Norn 


rsRecupClient 




Connexion 


ConnexionBoutiquemx 




Table 


clients 




Colonnes 


Toutes 


Pour alimenter les valeurs par defaut des differents champs, nous 
avons besoin de toutes les colonnes de la table clients. 


Filtre 


ID = 

Parametre d'URL : 

clientID 


Nous desirons recuperer uniquement I'enregistrement concemant le 
client selectionne, dont I'identifiant a ete passe en parametre d'URL 
par la variable clientID. 


Trier 


Aucun 





Figure 8-78 

Configuration dujeu 

d'enregistrements 

rsRecupArtides. 
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Configuration du formulaire de mise a jour - Placez votre pointeur en dessous du titre de 
la page (pour etre sur que Dreamweaver a bien identifie 1' emplacement, nous vous con- 
seillons de saisir et de selectionner un caractere provisoire « x » sous le titre) et cliquez 
sur le bouton Assistant de formulaire de mise a jour des enregistrements dans la 
barre d'outils Insertion/Application. Renseignez la boite de dialogue de ce comporte- 
ment (voir figure 8-79) selon les informations ci-dessous, puis validez. 
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Figure 8-79 
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Figure 8-80 

Formulaire de mise a jour d'un client. 
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Le formulaire de mise a jour doit etre genere automatiquement, et vous devez alors obte- 
nir une page semblable a celle de la figure 8-80. 

4. Test final de la page - Enregistrez votre page et testez-la dans le Web local (voir 
figure 8-81). 

Tableau 8-26 - Parametres du comportement Formulaire de mise a jour des 

enregistrements 



Zone 


Valeur 


Commentaires 


Connexion 


ConnexionBoutiquemx 




Table 


clients 




Selectionner un 
enregistrement dans : 


rsRecupClient 


L'enregistrement a modifier est issu du jeu 
rsRecupClient. 


Colonne de la cle primaire 


ID 


La cle primaire est ID. 


Apres la suppression, aller 
a 


ClientsGestion.php 


Apres la modification, I'administrateur est redirige vers 
la page ClientsGestion.php. 


Champs du formulaire 


ID 

Champ masque 


Dans notre cas, nous changeons uniquement le 
parametrage du champ ID en champ masque, car il est 
auto-incremente par la base et il n'est done pas 
necessaire de prevoir un champ de saisie. 



Figure 8-81 

Test de la page 
ClientsModif.php. 
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Realisation de la page CommandesGestion.php 

La page CommandesGestion.php permet de mettre a jour les informations des differentes 
commandes de la boutique. La procedure de realisation de cette page est semblable a celle des 
pages ClientsGestion.php et ArticlesGestion.php. 

Procedure de creation de la page CommandesGestion.php 

1. Ouvrez la page CommandesGestion.php situee dans le dossier administrateur. 

2. Configuration du jeu d'enregistrements rsListeCommandes qui recupere les informations 
sur les commandes - Cliquez sur le bouton + du panneau Li ai sons pour creer un nouveau 
jeu. Cliquez sur le bouton Avance (nous utilisons ici le mode Avance, car les informations 
sur la commande se trouvent dans deux tables differentes). Renseignez les zones de sai- 
sie Norn et Connexion selon les parametres indiques dans le tableau ci-dessous. Saisissez 
ensuite la requete du tableau 8-27 dans la zone SQL, en utilisant l'assistant SQL de la boite 
de dialogue. Cliquez sur le bouton Tester pour vous assurer du bon fonctionnement de la 
requete (voir figure 8-82). Validez ensuite la creation du jeu d'enregistrements si le test 
est positif. 



Figure 8-82 

Configuration du jeu 
d 'enregistrements 
rsListeCommandes. 
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Creation du tableau qui contient les informations sur les commandes a gerer - Placez- 
vous dans la fenetre du document en mode Creation et creez un tableau de 4 lignes et 
6 colonnes. Saisissez le texte des titres de chaque colonne en vous referant a la figure 8- 
84. Fusionnez les troisieme et quatrieme lignes, puis inserez une barre afin de separer les 
commandes. Ajoutez des icones de votre choix dans les colonnes supprimer et modifier. 
Enfin, dans le panneau Liaisons, selectionnez le jeu rsListeCommandes et glissez les 
variables ID, date, nom et etat dans les cellules correspondantes du tableau (voir 
figure 8-83). 
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Tableau 8-27 - Parametres du jeu d'enregistrements rsListeCommandes 



Zone 


Valeur 


Norn 


rsListeCommandes 


Connexion 


ConnexionBoutiquemx 


SQL 


SELECT commandes. ID, commandes.'date, commandes.etat, commandes.total, clients.nom 

FROM commandes, clients 

WHERE clients. 1 D=commandes.clientl D 

ORDER BY commandes. ID DESC 


Variables 



U ' J ' ■■-'■■ ■ !..Hi l M"JJ„MIP'lWHIBMMM«.*J 




Figure 8-83 

Creation du tableau d'affichage des commandes a gerer. 
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4. Configuration d'une region repetee pour afficher toutes les commandes dans le tableau - 
Selectionnez les deuxieme et troisieme lignes du tableau, puis cliquez sur le bouton + du 
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panneau Comportements de serveur et selectionnez Region repetee dans la liste du 
menu. Selectionnez lejeu d'enregistrements rsListeCommandes dans laboite de dialogue, 
ainsi que l'option Affi cher deux enregistrements a la fois, puis validez votre confi- 
guration. Un cadre Repeter apparait autour des deux lignes initialement selectionnees. 

5. Configuration d'un lien hypertexte dynamique pour supprimer une commande - Selec- 
tionnez l'icone de la colonne supprimer. Dans le panneau Proprietes, cliquez sur le petit 
dossier jaune, a droite du champ Lien. Dans la boite de dialogue Selectionner un 
fichier, choisissez CommandesGestion.php, puis cliquez sur le bouton Parametres a droite 
du champ URL. Dans la boite de dialogue Parametres, saisissez suppCommande dans la pre- 
miere colonne, puis passez dans la deuxieme colonne et saisissez ok. Cliquez ensuite sur 
le bouton + afin d'ajouter un deuxieme parametre. Entrez commandelD dans la premiere 
colonne, puis passez dans la deuxieme colonne et cliquez sur le bouton avec l'eclair. 
Enfin, dans la boite de dialogue Donnees dynamiques, selectionnez le champ ID du jeu 
d'enregistrements rsListeCommandes. Validez ensuite toutes les boites successivement. 

6. Configuration d'un lien hypertexte dynamique pour modifier un compte client - Selec- 
tionnez l'icone de la colonne modifier. Dans le panneau Proprietes, cliquez sur le petit 
dossier jaune a droite du champ Lien. Dans la boite de dialogue Selectionner un 
fichier, choisissez CommandesModif .php, puis cliquez sur le bouton Parametres a droite 
du champ URL. Dans la boite de dialogue Parametres, saisissez commandelD dans la pre- 
miere colonne, puis passez dans la deuxieme colonne et cliquez sur le bouton avec 
l'eclair. Enfin, dans la boite de dialogue Donnees dynamiques, selectionnez le champ ID 
du jeu d'enregistrements rsListeCommandes. Validez ensuite toutes les boites successive- 
ment. 

7. Configuration du comportement de suppression d'une commande - Cliquez sur le 
bouton + dans le panneau Comportements de serveur et selectionnez Supprimer l'enre- 
gistrement. Dans la boite de dialogue du comportement, selectionnez l'option Parametre 
d' URL dans la zone Verifier au prealable si la variable est definie. Dans le champ 
de droite, indiquez le nom du parametre qui a ete precedemment integre dans le lien 
dynamique de suppression, soit suppCommande. Selectionnez ensuite la connexion Con- 
nexionBoutiquemx et la table commandes. Dans la zone Colonne de la cle primaire, 
selectionnez le champ ID, et dans la zone Valeur de la cle primaire, choisissez l'option 
Parametre d'URL. Indiquez le parametre commandelD dans le champ situe a droite. Enfin, 

ne mentionnez pas de fichier dans la derniere zone, Apres la suppression, aller a. ,§ 

Validez votre configuration en cliquant sur le bouton OK. 3- 

fcr 

8. Configuration d'une barre de navigation - Placez votre pointeur en dessous du tableau ® 

tsi 

d'affichage. Cliquez sur le bouton Barre de navigation d'un enregistrement depuis le § 

panneau Insertion/Application. Selectionnez lejeu d'enregistrements rsListeComman- a 

des et l'option Affi cher a 1 'aide d' images, puis validez votre configuration en cliquant § 

sur le bouton OK. m 
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9. Test final de la page - Enregistrez votre page et testez-la dans le Web local (voir 
figure 8-84). 



Figure 8-84 

Test de la page 
CommandesGestion.php 
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Realisation de la page CommandesModif.php 

La page CommandesModi f .php permet a l'administrateur de prendre connaissance de la liste des 
articles commandes et de l'adresse du client (il peut l'imprimer pour preparer la commande). 
L'administrateur l'utilise aussi pour modifier l'etat de la commande afin d'indiquer si elle a 
ete livree. 

Procedure de creation de la page CommandesModif.php 

1. Ouvrez la page CommandesModif.php situee dans le dossier administrateur. 

2. Configuration du premier jeu d'enregistrements, rsRecupEtat, qui recupere l'etat de la 
commande- Cliquez sur le bouton+ du panneau Liaisons pour creer un nouveau jeu. 
Renseignez les zones de saisie selon les parametres indiques dans le tableau ci-dessous 
(voir figure 8-85). 
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Figure 8-85 

Configuration dujeu 
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Tableau 8-28 - Parametres du jeu d'enregistrements rsRecupEtat 



Zone 


Valeur 


Commentaires 


Nom 


rsRecupEtat 




Connexion 


ConnexionBoutiquemx 




Table 


commandes 




Colonnes 


Selectionnees : 
etat 


Pour alimenter le menu dynamique de I'etat de la commande, nous 
avons besoin uniquement de la colonne etat de la table commandes. 


Filtre 


ID=Parametre d'URL : 
commandelD 


Nous desirons recuperer uniquement I'enregistrement concernant la 
commande selectionnee, dont Ndentifiant a ete passe en parametre 
d'URL par la variable commandelD. 


Trier 


Aucun 





Creation du formulaire de modification de I'etat d'une commande - Placez votre poin- 
teur en dessous du titre de la page. Cliquez sur le bouton Formulaire dans le panneau 
Insertion/Formul aires. Placez votre pointeur a l'interieur et inserez un menu deroulant 
(en cliquant sur le bouton Liste/Menu), nomme etat. Selectionnez le menu et cliquez sur 
le bouton Dynamique dans le panneau Proprietes. Dans la boite de dialogue Liste/Menu 
dynamique, cliquez sur le bouton + de la zone Options statiques, et saisissez la valeur 
Attente dans les deux champs. Renouvelez cette operation, mais en saisissant cette fois 
la valeur Livre. Cliquez ensuite sur le bouton avec l'eclair, a droite de la zone Selec- 
tionner une valeur egale a. Dans la boite Donnees dynamiques, selectionnez la variable 
etat du jeu d'enregistrements rsRecupEtat, puis validez successivement les deux boites 
(voir figure 8-86). Cliquez sur le bouton + du panneau Liaisons, selectionnez Variables 
d'URL, puis saisissez commandelD dans la zone Nom et validez. Ajoutez ensuite une nou- 
velle variable d'URL nominee commandelD dans le panneau Liaisons, puis inserez un 
champ masque nomme aussi commandelD a droite du menu deroulant. Cliquez sur l'eclair 
situe a droite de la zone Valeur dans le panneau Proprietes, selectionnez la variable 
d'URL commandelD dans la fenetre Donnees dynamiques, puis validez en cliquant sur OK. 
Enfin, ajoutez un bouton de soumission, a droite des champs masques, pour pouvoir vali- 
der la modification. 

Configuration d'un comportement de mise a jour de la commande - Cliquez sur le 
bouton + du panneau Comportements de serveur et selectionnez Mettre a jour I'enre- 
gistrement. Dans la boite de dialogue, selectionnez la connexion ConnexionBoutiquemx 
et la table commandes (voir figure 8-87). Assurez-vous que, dans la zone Colonnes, la cle 
primaire ID est reliee au champ FORM . ID, et que la colonne etat obtient bien une valeur de 
la part du champ FORM. etat. Cliquez sur le bouton Parcourir pour selectionner la page 
CommandesGestion.php, vers laquelle est redirige l'administrateur apres la mise a jour. 
Enfin, validez le comportement en cliquant sur le bouton OK. 
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Figure 8-86 

Configuration du menu dynamique pour le changement d'etat d'une commande. 

5. Test partiel de la page - Enregistrez votre fichier et testez cette premiere fonction de 
modification de l'etat d'une commande dans le Web local. 
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Figure 8-87 

Configuration du 
comportement de mise a 
jour d'une commande. 
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6. Configuration du jeu d'enregistrements rsRappel Commandes qui recupere les informations 
sur la commande - Cliquez sur le bouton + du panneau Li ai sons pour creer un nouveau 
jeu. Cliquez sur le bouton Avance (nous utilisons ici le mode Avance, car les informations 
sur la commande se trouvent dans deux tables differentes). Renseignez les zones de sai- 
sie selon les parametres indiques dans le tableau ci-dessous. Ecrivez ensuite la requete du 
tableau 8-29 dans la zone SQL, en utilisant l'assistant SQL de la boite de dialogue. Vali- 
dez ensuite la creation du jeu d'enregistrements (voir figure 8-88). 



Figure 8-88 

Configuration du jeu 
d 'enregistrements 
rsRappelCommandes. 
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Creation d'un tableau d'affichage des informations de la commande dans la page - Pla- 
cez votre pointeur en dessous du formulaire et creez un tableau de 7 lignes et 2 colonnes. 
Saisissez le texte de presentation des donnees en vous referant a la figure 8-89. Glissez 
ensuite les differentes variables du jeu d'enregistrements rsRappelCommandes (depuis le 
panneau Liaisons) dans le texte, aux endroits correspondants (voir figure 8-89). Enregis- 
trez votre page et realisez un second test partiel dans le Web local. 

Tableau 8-29 - Parametres du jeu d'enregistrements rsRappelCommandes 



Zone 

Nom 

Connexion 



SQL 



Variables 



Valeur 

rsRappelCommande 
s 



ConnexionBoutique 
mx 

SELECT commandes.lD, commandes." date', commandes.etat, commandes.total, clients.nom, 

clients.prenom, clients.adresse, clients.ville, clients.cp, clients.tel, clients.email 

FROM commandes, clients 

WHERE commandes.lD=colcommandelD AND commandes.clientlD=clients.lD 



colcommandelD 







_GET['commandelD'] 
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Figure 8-89 

Mise en place des informations de la commande dans la page CommandesModif.php. 

6. Configuration du jeu d'enregistrements rsRappelListes qui recupere les informations 
sur les articles de la commande - Cliquez sur le bouton + du panneau Li ai sons pour creer 
un nouveau jeu. Cliquez sur le bouton Avance. Renseignez les zones de saisie selon les 
parametres indiques dans le tableau ci-dessous. Ecrivez ensuite la requete du 
tableau 8-30 dans la zone SQL, en utilisant l'assistant SQL de la boite de dialogue. Vali- 
dez ensuite la creation du jeu d'enregistrements. 
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Affichage dans la page de la liste des articles - Placez-vous en dessous du tableau des 
informations sur la commande, et creez un autre tableau de 2 lignes et 3 colonnes. Saisis- 
sez le texte des titres de chaque colonne en vous referant a la figure 8-91 et glissez, 
depuis le panneau Liaisons, les variables du jeu rsRappel Listes (reference, quantite et 
prixArticle) dans les cellules correspondantes du tableau (voir figure 8-91). Selection- 
nez la deuxieme ligne du tableau. Cliquez ensuite sur le bouton + du panneau Comporte- 
ments de serveur et selectionnez Region repetee. Dans la boite de dialogue, choisissez 
le jeu d'enregistrements rsRappelListes et Affi cher tous les enregistrements, puis 
validez en cliquant sur OK. 
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Figure 8-90 

Configuration dujeu 
d 'enregistrements 
rsRappelListes. 
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Tableau 8-30 - Parametres du jeu d'enregistrements rsRappelListes 

Valeur 

rsRappelListes 



ConnexionBoutique 
mx 



SELECT reference, quantite, prixArticle 
FROM listes 

WHERE commandelD=colname 
ORDER BY reference ASC 



colname 







$_GET['commandelD'] 



10. Test final de la page - Enregistrez votre page et testez ensuite le fonctionnement complet 
dans le Web local (voir figure 8-92). 
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Figure 8-91 

Creation du tableau 
d'affichage dynamique 
des articles de la 
commande. 




Figure 8-92 

Test de la page 
CommandesModif.php 
dans le Web local. 
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Configuration d'une 
infrastructure serveur locale 

pour Mac 

Mamp, une infrastructure serveur pour Mac 

Depuis les systemes X, les machines Apple sont des ordinateurs Unix BSD qui integrant un 
serveur Web Apache et le preprocesseur PHP par defaut. Le serveur Apache et les modules 
PHP sont pre-installes, mais ne sont pas actives par defaut. Par contre, la base de donnees 
MySQL et son gestionnaire phpMy Admin ne le sont pas sur les Macintosh. 

II est done necessaire de configurer votre ordinateur Macintosh afin de disposer d'une infras- 
tructure serveur locale et de pouvoir developper et tester des sites dynamiques en local. 

Pour cela, vous disposez de deux alternatives : 

1 . Activer le serveur Apache et PHP, puis installer les applications manuellement. 

2. Installer automatiquement une suite de logiciel Mamp : Macintosh, Apache, MySQL, 
PHP (semblable a Wamp5 pour Windows). 

La seconde solution etant beaucoup plus simple et rapide a mettre en place, nous vous propo- 
sons ci-apres de vous guider pas a pas dans son installation. 

Nous vous detaillerons ensuite les differentes procedures pour creer une base de donnees, 
mettre en place des scripts a la racine du serveur local, configurer un site dans Dreamweaver 
et enfin visualiser et tester vos pages dynamiques depuis un navigateur. Meme si certains 
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parametres sont differents (numero de port, etc.), sachez que toutes les pages dynamiques 
presentees dans cet ouvrage, pour renvironnement Windows, pourront etre realisees de la 
meme maniere avec votre Macintosh. 

Installation de Mamp 

Avant toute chose, vous devez commencer par telecharger le dernier paquetage Mamp sur le 
site de son editeur webEdition Software (voir figure A-l, http://www/mamp.info/fr/home/). 
Pour information, sachez que, pour cette demonstration, nous avons utilise la version 
Mamp 1.1.1, mais la demarche sera semblable si vous utilisez une version plus recente. 
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Figure A-1 

Saisissez I 'adresse de I 'editeur de Mamp (http://www. mamp. info/fr/Iwme/) dans votre navigateur, puis cliquez sur 
le bouton Telecharger. line seconde page vous invite a saisir votre e-mail avant de pouvoir acceder a I 'espace de 
telechargement. 
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Telechargez le paquetage sur votre ordinateur dans le dossier de votre choix, puis cliquez 
dessus pour l'ouvrir (voir figure A-2). Une fenetre dans laquelle vous trouverez la procedure 
pour installer Mamp doit ensuite apparaitre. Ouvrez une fenetre Finder et cliquez sur la cate- 
gorie Appl i cati ons (voir figure A-3), puis glissez le dossier Mamp dans votre repertoire Appl i - 
cations. La suite Mamp est maintenant installee sur votre ordinateur. 



Figure A-2 

Unefois le 

telechargement termine, 
cliquez sur le paquetage 
pour l'ouvrir. Un fenetre 
vous indique alors la 
demarche a suivre pour 
installer le logiciel sur 
votre ordinateur. 
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Utilisation de Mamp 

Une fois la suite Mamp installee sur votre ordinateur, nous vous suggerons de creer sur votre 
bureau un alias du fichier Application situe dans le dossier Mamp (voir figure A-4). Cliquez 
ensuite sur cet alias pour demarrer 1' application. Une nouvelle fenetre doit alors apparaitre 
(voir figure A-4) dans laquelle les deux voyants representant les serveurs Apache et MySQL 
doivent progressivement passer au vert. Dans cette meme fenetre, vous pourrez configurer les 
differentes options de Mamp en cliquant sur le bouton Preferences (voir figure A-5). Cepen- 
dant nous vous conseillons de garder les parametrages par defaut dans un premier temps. A 
noter que pour reduire cette fenetre, vous devrez cliquer sur le bouton orange situe en haut et 
a gauche de la fenetre, et non sur le bouton Quitter qui aura pour incidence de fermer toutes 
les applications Mamp, et du meme coup les serveurs Apache et MySQL. Le bouton Ouvrir 
1 a page d ' accuei 1 vous permettra d'acceder a une page Web regroupant les differentes appli- 
cations de la suite Mamp. La premiere page Start vous informe des parametres a utiliser pour 
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Figure A-3 

Apres avoir ouvert le repertoire Applications dans unefenetre Finder, vous devez y copier le dossier complet de 
Mamp, sans creer d 'autre sous-repertoire. 



acceder au serveur MySQL (voir figure A-6). La seconde, phpinfo, est tres interessante, car 
elle affiche toutes les caracteristiques correspondant a la configuration actuelle de PHP (voir 
figure A-7). La page phpMyAdmin permet d'acceder au gestionnaire de la base de donnees 
MySQL (voir figure A-8), de meme que vous pourrez aussi atteindre le gestionnaire du 
systeme de donnees integre a PHP, SQLite (ce gestionnaire n'est pas utilise dans le cadre de 
cet ouvrage). Enfin la derniere page FAQ vous permet de connaitre les differentes versions des 
applications de la suite Mamp, et repond aux questions frequemment posees. 

Creation d'une base de donnees 

Pour vous initier a l'usage de la suite Mamp, nous vous rappelons la procedure pour creer, 
puis importer une base donnees dans le serveur MySQL local. 
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Figure A-4 

Pour faciliter lesfuturs demurrages de Mamp, nous vous conseillons de creer un alias du fichier Application sur 
votre bureau. 



Figure A-5 

Le bouton Preferences 
permet d' decider aux 
differentes options de 
Mamp. 
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Figure A-6 

La page Start vous 
informe des parametres 
MySQL a utiliser dans 
vos scripts PHP. 
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Figure A-7 

La page phpinfo vous 
informe de la 
configuration actuelle 
PHP. 
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Pour cela, nous utiliserons les fichiers SQL inclus dans le kit des codes de cet ouvrage, dispo- 
nibles sur le site de l'editeur (voir 1' annexe B pour plus d' informations sur la localisation de 
ce kit, www.editions-eyrolles.com). 
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Apres avoir telecharge sur votre ordinateur le kit des codes de ce livre et avoir localise les 
fichiers SQL que nous allons utiliser (ils se trouvent dans le dossier archives de chaque site), 
cliquez sur le bouton phpmyadmin (voir figure A-8) pour acceder au gestionnaire de la base de 
donnees. Saisissez le nom de la base a creer, soit score_db pour notre exemple, puis cliquez 
sur le bouton Creer. 
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Figure A-8 

Creation de la base de donnees score db. 
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La base de donnees est maintenant creee, mais elle est encore vide. Cliquez sur l'onglet 
Importer de phpMyAdmin, puis sur le bouton Parcourir afin de localiser le fichier SQL a 
utiliser (prendre par exemple celui situe dans le repertoire archives du site 
SITEscore_STRUCTURE, voir figure A-9). Apres avoir selectionne le fichier SQL, validez votre 
choix en cliquant sur le bouton Executer situe en bas de la page Importer. Si vous cliquez 
ensuite sur le lien portant le nom de la base de donnees (score_db) situe en haut de la page, 
vous devriez voir les differentes tables apparaitre dans la page (voir figure A- 10). Votre base 
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de donnees est maintenant operationnelle, et vous pouvez commencer a constituer vos pages 
dynamiques afin d'en exploiter ses informations. 
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Figure A-9 

Importation des tables d'unfichierd 'archive SQL. 



Emplacement du repertoire racine 

Comme vous disposez maintenant des codes des differents sites disponibles dans le kit de 
ressource sur votre ordinateur, nous vous proposons de vous guider dans leur mise en place, a 
la racine du serveur local. 

Ouvrez une fenetre Finder et placez-vous a l'emplacement du repertoire racine du serveur 
local (voir figure A- 11) : Systeme:Applications:MAMP:htdocs. 

Par la suite, nous vous conseillons de creer un alias du repertoire racine afin de pouvoir 
acceder rapidement a son contenu. Dans notre exemple, nous avons etabli un alias www place 
sur le bureau. 

Faites ensuite glisser les trois dossiers des sites score dans ce repertoire (voir figure A-ll), 
puis dupliquez le dossier SITEscore_STRUCTURE en le renommant SITEscore, afin de conserver 
les codes originaux (voir figure A- 12). 
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Figure A-11 

Copiez les differents 
dossiers des sites score 
dans le repertoire racine 
du serveur local. 
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Configuration d'un site dans Dreamweaver 

Nous allons maintenant ouvrir Dreamweaver et detailler la procedure de configuration d'un 
site dynamique sur votre Macintosh. Depuis le menu de Dreamweaver, cliquez sur Site puis 



PHP/MySQL avec Dreamweaver 8 



FKhler Edition FrtttflUlKHt JUler ftnivt Aide 



* +} 4 t i*u.09^a Jean -Marie Defrance Q 



>buLlt»Aa^ 





frtdoci 






o - 1 o »/ 


Ci 




1 •• 1*11 MHH OM* 






1 3g ban 
1 'J 1 ,™i 


copier >**"^ "*■» 
+ ( 






1 M^ AecKjee^i 








IQSMMMI 

1 [lag s*n"*rt« 

1 ft UjWfll* 


^1 ~S E* 


3 

SfTEKOT-CHAW 




l^iy+1 




* 








n 



\o 



Figure A-1 2 

Copiez et renommez le dossier SlTEscore_ STRUCTURE en SITEscore afin de conserver les codes originaux. 



selectionnez Nouveau site Assurez-vous que la fenetre de Definition des sites est affi- 

cheeenmode Avance (voir figure A-13). Cliquez sur la categorie Infos locales, puis saisissez 
le nom du nouveau site, soit SITEscore. A droite du champ Dossier racine local, cliquez sur 
le petit repertoire afin de localiser l'emplacement des pages dynamiques du site (voir 
figure A-13). Selectionnez le dossier SITEscore precedemment cree, situe dans le repertoire 
racine du serveur, puis cliquez sur le bouton Choi sir. Le chemin menant a ce dossier doit 
ensuite etre copie automatiquement dans le champ concerne. 

Cliquez ensuite sur la categorie Serveur d' evaluation. Selectionnez le modele de serveur PHP 
MySQL puis Faeces Local /Reseau. Assurez-vous que le chemin menant au dossier du site 
SITEscore est correctement configure (voir figure A-14). Dans le champ intitule Prefixe 
d'URL, completez le chemin afin qu'il corresponde a l'URL suivante : 

http://localhost:8888/SITEscore/ 

Validez enfin votre configuration en cliquant sur le bouton OK situe en bas de la fenetre de 
definition du site. 
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Figure A-1 3 

Configuration de la categorie Infos locales. 
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Les differents fichiers du site score doivent maintenant apparaitre dans le panneau Fichiers 
de Dreamweaver. Ouvrez la page liste.php situee dans le repertoire administrates. Affi- 
chez le panneau Application et cliquez sur l'onglet Base de donnees. Cliquez sur la 
connexion existante, ConnexionScore. Si elle n'existe pas encore, vous pouvez la creer en 
cliquant sur le bouton +, puis selectionnez connexi on MySQL (attention de bien respecter le nom 
et la casse de la connexion si vous desirez par la suite utiliser dans votre site d'autres fichiers 
du kit). Assurez-vous que les parametres de connexion correspondent bien a ceux de la 
figure A-15. A noter que, dans notre exemple, nous utilisons le compte utilisateur par defaut 
root. Cependant, si vous avez deja cree un compte utilisateur score comme indique dans le 
chapitre 2, il est plus judicieux d'utiliser celui-ci plutot que l'utilisateur par defaut root qui 
doit etre exclusivement reserve pour des tests en local (attention, le mot de passe est aussi root 
pour Mamp, alors que pour la suite Wamp5, il n'y a pas de mot de passe pour s'en servir). 
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Figure A-1 4 

Configuration de la categorie Serveur d 'evaluation. 



Cliquez ensuite sur le bouton Tester pour verifier la bonne configuration de votre connexion 
MySQL, puis sur le bouton OK pour confirmer votre choix. 

Votre environnement de developpement doit etre maintenant operationnel. Afin de tester le 
bon fonctionnement d'une page dynamique, nous vous proposons de commencer par la crea- 
tion de la page 1 i ste . php en suivant la procedure indiquee dans le chapitre 3 de cet ouvrage. 

Consultation du site local depuis un navigateur 

Pour consulter vos pages dynamiques, il ne vous reste plus qu'a ouvrir le navigateur de votre 
choix. Nous vous conseillons de memoriser les URL de la racine du serveur local et de 
phpMy Admin dans les favoris de votre navigateur, afin d'y acceder rapidement. 
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Figure A-1 5 

Configuration de la connexion Mysql. 

Le chemin d'acces a la racine du serveur local de Mamp est le suivant (voir figure A- 16) : 

http://localhost:8888/ 

Le chemin d'acces a la page Start (et done a phpMyAdmin par le biais du menu) est le 
suivant : 

http: //local host :8888/MAMP/ 

A la racine du serveur, vous devriez voir apparaitre les differents dossiers copies precedem- 
ment. Cliquez sur le dossier SITEscore afin d'acceder au site dans lequel vous avez cree votre 
premiere page dynamique. Cliquez ensuite sur le lien administrateur, dans le menu, puis sur 
1 iste. Vous devriez alors voir votre premiere page dynamique apparaitre dans le navigateur 
(voir figure A- 17) 
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Consultation de la 
racine du serveur local 
depuis un navigateur. 
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Figure A-1 7 

Consultation de la page liste.php depuis un navigateur. 
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Ressources de I'ouvrage 

Les codes source de cet ouvrage sont disponibles sur le site des editions Eyrolles : 
www.editions-eyrolles.com. 

Lorsque vous etes sur la page d' accueil du site, saisissez des mots-cles du titre du livre dans la zone 
de recherche (Dreamweaver et PHP par exemple ou le nom de Fauteur), puis validez (voir 
figure B-l). Dans la page des resultats, vous trouverez le titre de cet ouvrage, sur lequel il convient 
de cliquer pour acceder a la fiche du livre et a ses ressources disponibles en telechargement. 

Ressources Internet 
Site sur Wamp5 

www.wampserver.com 

Site a partir duquel vous pourrez telecharger la derniere version de Wamp5. Vous y trouverez 
egalement de nombreux conseils pour bien utiliser Wamp5, et un forum qui vous permet de 
communiquer avec d'autres utilisateurs de Wamp5. 

Site sur Dreamweaver 8 

www.macromedia.com 

Site officiel de Macromedia. Vous y trouverez de nombreuses ressources autour de 
Dreamweaver 8 dont vous pouvez aussi telecharger rapidement une version d'essai, si vous 
n'en disposez pas encore. 
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Figure B-1 

Site www.editions-eyrolles.com : pour decider aux codes source de cet ouvrage, cliquez sur la vignette du livre 

puis sur le dossier dans Vencadre Telechargement. 



Site sur Dreamweaver 8 et PHP 

www.phpmx.com 

Site dedie a l'utilisation de Dreamweaver 8 avec PHP et MySQL. A noter que 1' etude de cas 
presentee dans cet ouvrage est issue de ce site. Vous y trouverez d'autres etudes de cas deve- 
loppees avec Dreamweaver, ainsi qu'une grande variete d'extensions Dreamweaver 8 et de 
nombreux fragments de code PHP telechargeables. 
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Figure B-2 

Site wwv.ivampsm'e/icom : pour telecharger la derniere version de la suite Wamp5, cliquez sur le lien 
Downloads, puis choisissez la version desiree. 



Site sur PHP 

www.php.net 



Site officiel de PHP. Vous y trouverez toute la documentation en francais, disponible en tele- 
chargement sous differents formats (HTML, PDF...). Pour acceder a cette documentation, 
cliquez sur documentation dans le menu du site, puis choisissez la langue et le format desires 
dans la liste qui est proposee. 
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Figure B-3 

Ste www.macromedia.com : pour telecharger une version d'essai de Dreamweaver 8, cliquez surl'onglet 
Downloads, puis choisissez Dreamweaver 8 dans la liste des produits proposes. 



Site sur MySQL 

www.mysql.com 

Site officiel de MySQL. Vous y trouverez de nombreuses versions de MySQL pour tous les 
environnements, et une documentation tres complete. 
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FAQ 

The PHP FAQ is your first 
stop for general information 

and those questions that 
seem to be on most 
people'; minds. 

Changelog 

vou can also find the php 4 

Changelog or the php 5 
Chanp elo g useful, if you 
would like to look up 
changes between various 

versions of PHP. 

More Information 

Trie PHP Function Table has 
an overview about which 
pages are translated to the 
different languages and in 
which versions of php the 
functions are available. 

If you have license 

questions, see the U££Hi|£ 

FAQ . 

Books 

Books are convenient 
resources to begin exploring - 

PHP. ThB-tUlssJls tsd hare : 
will help you to start 

learning php, as well as 
extending your existing 
knowJedge. 

Sample Code 

Looking for some more 

5qmnip PHP 'irrintq? flur 



Documentation 



The pup manual is available online in a selection of languages. You can choose between the printer 
friendly and graphically designed versions. Ptease pick a language and format from the table 
below. 

You can learn how to integrate our online manual with various tools. Including your web browser, 
on our quick reference tips page. You can also get more Information about php,net UR.L shortcuts 
by vlslbng our URL how to page . 

Note, that many languages are Just under eranslatioa and the untranslated parts are still in 

English. Also some translated parts might be outdated. The translation teams are open to 
contributions. 



Formats 



Destinations 



English. Brazilian Portuguese. Chinese (Simplified). Chinese (Hong Kong 

, , _ rjrHijirir-irT i|hn|— ( Traditional). Czech. Danish . Dutch. Finnish . French, 

' [Special FrenchjTjerman. Greek. Hebrew. Hungarian. Italian. Japanese . Korean. 
Tussian. Slovak. Spanish. Swedish 

English. Brazilian Portuguese. Chinese (Slmpllfted\. Chinese fHono Kong 
Printer CantoneseV Chinese ffradltlonall . Czech . Danish . Dutch. Finnish , French, 
friendly German . Greek . Hebrew . Hunaanan . Italian . Japanese . Korean . Polish . Romanian , 

Russian . Slovak . Spanish . Swedtsh 



English. Brazilian Portuguese. Chinese (Simplified). Chinese (Hong Kong 
Cantonese) . Chinese (Traditional). Czech. Danish . Dutch. Finnish . French, 



Printer 

wirhnnrpii German. Greek . Hebrew, Hungarian. Italian . Japanese. Korean. Polish. Romanian - 
Russian. Slovak. Spanish. Swedish 

Downloads For downloadable formats, please visit our documentation downloads page. 

Other The Documentation howto is also available for online reading, phf-gtk and 
manuals pear manuals can be found on separate servers. 

CVS Account 



■ Anonymous CVS access Instructions 

■ Getting a cvs account - if you wish to help out with the development of php, read t* ft 

. *^ MSN Stwcd T 



Figure B-4 

Site www.php.net : pour acceder a la documentation enfrancais, cliquez sur la rubrique Documentation, puis 

choisissez la langue et le format desires dans la liste des versions proposees. 



Sites sur PHP, MySQL et Mac OS X 

www.entropy.ch 

Vous trouvez sur ce site la suite Mamp afin d' installer une infrastructure serveur PHP- 
MySQL sur votre Mac OS X. 

www.macphp.net 

Vous trouvez sur ce site toutes les ressources dediees au Mac et aux scripts PHP. 
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MySQC 



Le systems de gesli on tie &«& d& dJoflnee-s 
open source le plus popuialre au monde 





MySQL. 

Users Conference 2006 

Keynotes tfacteurs majeure de Industrie. 
tutoriels.etbienplusl 



24-27 Avril 2006 
Santa Clara, 
Caltfornie 



Inscrivez- 
vous 

maintenant! » 
Places limitees 



Enterprise Scale-Out 


Semin aires Web 


Formations MySQL 


"<■ .il- ■ ne li-i ■ II. ui. • 

MySQL StfltaeM^Ht* 
Etanchmaiks ■ 
C4?e Similes >• 


Solutions Haute Disponibliite el 
Clustering - Comment MySQL 
vdus garanbe 99.999% de 
DrsponiDllite 
lisscrFvez.vatis iTialnlenanl m 


MySQL 5.0 pour 
developpeurs -mires 
villes " 

lev 20: Paris 

aw 03: Amsterdam 

mai 15. Stockholm 


Jump Start » 




MySQL 5.0 pour 
Admini&tr ateurs. de Bases 
de Donnees .wiiesvfllev* 

mar 20: Paris 
maj 09: Amsterdam 
mai 03 New York City 



MySQL Hatl of Fame 

G-agnez t&\& il 6 &t d e rra mbr eux 
pdx pour vovq application MySQL 



Pour rEnl.repri'Sfi f t \^i. 

Assistance et MySQL 
Services eiezz! 



Ass*jf« u 



Actual ites 

■ NBCkermann.de mlgre vers 
MySQL Cluster 

■ MySQL AB et Open Wide 
concluent un accord de 
partenanat aim de proposer le 
support technique eties 
services de con sen de MySQL 
aux grands camples et 
administrations 



Articles 
i Interview with David Heinemeler 

Hansson from Runy on Rails 
■ Accessing Distributed Data with 

me Federated storage Engine 

Pro du Its 

MySQL 5. Q Mewl 
MySQL Cluster 
Migrahon Toolkrt 

Tele chargements y< 
Documentation * 
Livres blancs » 

Developer Zane » 
Emplois chez MySQL » 



una demo de voire 
la LIC MySQL 3006 

OppgiJ-i-KiflB* <tfl 
nonaorifta ei cranio* no 



Figure B-5 

Site www.mysql.com : pour telecharger une nouvelle version de MySQL, cliquez surVonglet Downloads et 
choisissez la version desiree selon le type de votre plate-forme. 

Noms de domaine 

www.gandi.net 

Ce site est consacre aux depots de noms de domaine comme .com, .org et .net. 



Hebergeurs de sites PHP 

www.nexenservices.com 

www.free.fr 

www.multimania.com 

www.ovh.com 

www.amen.fr 
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Ac cue ll Actuality. Tetecharger Presse Aid* Forum Livre d'er rrn?c<s leg ales Autre langue 



web Ed it ion present*: MAMP 



MAMP signrfie: Macintosh:. Apache. Mysql el PHP 

Avec MAMP et ^implement en quelques flits,, rous pouvaz installer Apache, PHP e1 

MySQL pour Mac OS Xi 

Souven! recherche et marntenant diSponible grace A webEdition Software, MAMP 
instate urv enwonnement local do servaur en I'espace de que!qur?s secondes sur 
votre ordirtateur Mac OS X. par enemple un PowerBooto ou un iMac Comme d'aulres 
packages similaires SOUS Windows- el Linus, MAMP esl diStnfeue lilneineeil 

MAMP esl installe do la fagcn lypique sur un Mac: trfes facilemenl MAMP ne 
campromettra attune installation d'Aoac he preemstante d^ja en fondi^n suivolre 
OS X' Vous potrvez installer Apache. PHP et MySQL sans awoir a [ancer un script oy 
devoir changer un seul tichier de configurationl 

De plus., sn vous n'svez plus besom de MAMP, il suPliE de suppnmer le repertoire 
MAMP el low retourne dans son el at original (par exempts MAMP ne modi&e nen de 
I'mslaNanon "nnnnale" r/QS X) 




Licence d'milteatfoii 



Similaire a una dislnbution Linux, MAMP eel une combinaison de (ogiciels litres el en lanl que te! est diffuse 
graluilement MAMP esl diffuse sous la licence GNU General Public License e1 peul elre libremenl distribute dans 
les limiies de celle licence Attention: certains des logicrels inclus peuvent relever d'une aulre licence Dans ca cas. 
9a licence correspondent e s 'applique 

Philosophic 

: MAMP a ele d&Veloppe A Tongine comme un environnemenit de developpemenl PHP pour Macintosh et ne iloir p^n 
etie mills* comme s«iv«ut weh pour Internet Dans ce cas, nous vous recornmandons d'uliksei Mar OS X Server 
et la ver$ign d; Apache fpumie pa/ Apple OU un sUrveyr Linux 




MAMP 



Version actuMEede MAMP 

Version; 1.1.1 
19 012006 




Pgrfaili ■- evaluez 

tualrtes 

MAMP I.0j3 estdlspontbla 

<UJ-.-> II MiP.Ji 

17.Q1.ZOT& 

Depuis ajourdTiui la version 1.1 est 
disponibte en tele:hargernenl La version 
1 ,1 existe nontenant aussi en japonais 
el russe Pour lalraduelionjaponaise 
nous remercionS monsieur Naoya 
Yamada (littu .'/ww ringo-mac corn); 
pour la IraduCliDn russe remereions 
Madame Olga Meyer en consequence 
plus 



Figure B-6 

Site www.mamp. info/fr/ftome/ : pour telecharger la derniere version de Mamp. 
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ActiveX 15 

afficher la region (comportement) 423 

afficher le nombre d'enregistrements 

(comportement) 423 
Apache 21 
architecture 

a trois niveaux 10 

client-serveur 3 
ASP 15 
ASP.net 16 
attribut (POO) 321 
authentification (script PHP) 485 



B 

balise 

introduction 1 

PHP 261 
barre 

d'outils Document 71 

d'outils Standard 68 

de navigation 75,177 
base de donnees 10 

connexion 104,495 

creation 38,486 

notion 33 
break (instruction de controle) 295 



CFML 16 
champ (notion) 34 
classe(POO) 320 
clc 

etrangere 35 

primaire 35 
ColdFusion 16 
coloration syntaxique 248 
commentaire pour scripts PHP 264 
comportement 

boites de dialogue 457 

creation d'un 438 

deserveur 419 

modification ou suppression 470 

parametrage 447 

test d'un 469 

utilisation d'un 446 
constructeur (POO) 321 
continue (instruction de controle) 296 
cookie 

introduction 8 

setcookie 315 

variable de serveur 270 



debogage 340 

Delete (commande SQL) 241 



Distinct (clause SQL) 223 
Dreamweaver 

avec PHP/MySQL 18 

configuration d'un site 
mode Avance 97 
mode Simple 90 

espace de travail 66 

fenetre Document 77 

indicateur de transfert 80 

selecteur de balise 79 

version d'essai telechargeable 621 



EasyPHP 

installation 21 
editeur de balises 259 
elements de formulaire (comportement) 429 
else (structure de choix) 285 
elseif (structure de choix) 286 
enregistrement (notion) 34 
etat de navigation 76, 179 
extension 

a telecharger 474 

creation 479 

empaquetage 482 

installation 474 

presentation 473 

utilisation 475 
Extension Manager 474 



PHP/MySQL avec Dreamweaver 8 



fichier 

arborescence 141 
Flash 

couplage PHP/Flash 326 

GetURL 327 

LoadVariablesNum 327 
fonction 

integree (PHP) 306 

utilisateur (PHP) 301 
For (structure de boucle) 293 
foreach (structure de boucle) 294 
formulaire 

d' insertion 76 

demise a jour 77 

HTML 313 
fragment de code 254, 336 



GetURL (commande Flash) 327 



H 

Having (clause SQL) 231 
header (fonction PHP) 297 
hebergement PHP 626 
heritage (POO) 324 
hyperlien 2 



I 

if (structures de choix) 283 
image 

dynamique 1 92 
include (fonction PHP) 305 
indentation (PHP) 334 
indicateur 

de code 251 

de dimension 80 
infos 

distantes (configuration) 100 

locales (configuration) 99 
infrastructure 

choix du serveur 19 

serveur locale 21 
inserer un enregistrement 

(comportement) 425 
Insert (commande SQL) 235, 237 
inspecteur 

de balises 260 

de code 250 
instance (POO) 321 



JavaScript 

script cote client 5 
jeu d'enregistrements 

concept 109 

copie d'un 126 

insertion 75 

modification d'un jeu 128 

panneau des comportements 421 

parametrage 
enmodeAvance 118 
en mode simple 110 
JSP 

JavaBeans 16 

langage 16 



langage 

de programmation 14 

de script 10 

interprets 4 

SQL 215 
liaison 82 

Limit (clause SQL) 232 
LoadVariablesNum (commande Flash) 327 



M 

methode(POO) 321 
mettre a jour 1' enregistrement 

(comportement) 426 
mode 

Code 246 

Creation 248 
MySQL 

avec PHP et Dreamweaver 1 8 

commandes SQL 215 

environnement de developpement 19 

fonctions 221 

site officiel 624 

types de donnees 39 



N 

noms de domaine (reservation) 626 



objet(POO) 321 
operateur 

arithmetique 279 



de comparaison 280 
de concatenation 282 
logique 281 
ternaire 281 
Order by (clause SQL) 229, 231 



page 

d'affichage d'une image dynamique 513 

d'inscription en ligne 535 

d'insertion d'enregistrements 153, 574 

de confirmation de traitement 164 

de gestion 
d'enregistrements 568, 588, 596 
d'unpaniervirtuel 520 

de login 531,563 

de modification d'un enregistrement 165, 
582,591,599 

de selection 542 

de suppression d'enregistrements 160 

dynamique 8 

interactive 5 

liste 
detail 506 
simple 143 

principale-details 183 

test d'une page dynamique 1 34 
pagination d'un jeu d'enregistrements 

(comportement) 422 
panneau 

Application/Comportements 82 

Fichiers/Actifs 88 

Fichiers/Site 85 

Historique 89 

Insertion/Application 75 

Insertion/PHP 74 

Proprietes 88 
panneaux de Dreamweaver 73 
parametre d'URL 314 
participant (comportement) 419 
PHP 

balises 262 

bloc 283 

commentaires 264 

conseils de programmation 334 

constante 275 

expression 277 

indentation 334 

instruction 278 

instructions 
de controle 295 

introduction 16 

messages d'erreur 337 

operateurs 278 

Phpinfo() 341 
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pieges 341 
site officiel 623 
structures 

de boucles 290 

de choix 283 
variables 265 
Phpinfo (fonction PHP) 341 
phpMyAdmin 
ajout 

d'enregistrements 45 

d'un champ 52 
modification 

d'un champ 51 

d'un enregistrement 48 

des proprietes d'une table 49 
presentation 36 
restauration d'une base 64 
sauvegarde d'une base 59 
utilisation 36 
POO (programmation orientee objet) 320 



Quick tag editor 246 



region repetee 75 

comportement 421 
Replace (commande SQL) 244 
requete SQL 345 
require (commande PHP) 304 



script 

cote client 6 

cote serveur 6 

premier script PHP 29 
Select (commande SQL) 217 
selecteur de balises 258 
serveur 

d' evaluation 
configuration 102 
test 29 

de base de donnees 19 
session 

introduction 8 

session_register 318 

session_start 318 
site 

carte 141 

definition 91 

dynamique 
avantages 10 

kits de site en ligne 622 

ressources de l'ouvrage 621 

statique 3 
sous-classe (POO) 324 
SQL 

clauses 217 

commandes 215 

expression de selection 226 

jointure de tables 234 

operateurs de comparaison 224 
SUN 16 
supprimer un enregistrement 

(comportement) 428 
switch (structure de choix) 288 



table (notion) 34 
tableau 

a deux dimensions (PHP) 269, 485 

associatif(PHP) 269 

dynamique 75 

indice 268 
texte 

dynamique 75 
comportement 424 
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Update (commande SQL) 243 
utilisateur (MySQL) 54 
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de jeu d' enregistrements 275 
de serveur (PHP) 270 
en tableaux (PHP) 268 
nom de variables PHP 265 
nommage 336 
par reference PHP 267 
temps de vie 312 
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Where (clause SQL) 224 
while (structure de boucle) 290 
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